在bootstrap中将页面右侧的内容显示为块

在Bootstrap中，可以使用网格系统将页面布局划分为若干列。要将页面右侧的内容显示为块，可以通过以下步骤实现：

创建一个包含两列的网格布局，左侧列用于显示主要内容，右侧列用于显示辅助内容。可以使用col-类来定义列的宽度。例如，可以将左侧列设置为占据8个列，并将右侧列设置为占据4个列：

<div class="row">
  <div class="col-8">
    <!-- 主要内容 -->
  </div>
  <div class="col-4">
    <!-- 辅助内容 -->
  </div>
</div>

如果要将右侧内容显示为块，可以在右侧列中嵌套一个<div>元素，并为其添加class="card"来创建一个卡片样式的块。卡片可以包含标题、文本、图像等内容：

<div class="row">
  <div class="col-8">
    <!-- 主要内容 -->
  </div>
  <div class="col-4">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">辅助内容标题</h5>
        <p class="card-text">辅助内容文本</p>
        <!-- 其他内容 -->
      </div>
    </div>
  </div>
</div>