html - 如何为背景颜色划分 Bootstrap 容器？

Question

我想划分用于更改背景的 Bootstrap 容器。我不想在容器内使用行和列。

我附上一张图片进行描述。

Answer 1

<div class="left_side">
   <!-- Your content-->
</div>

<div class="right_side">
  <!-- Your content-->
</div>

在样式表中

<style>
    body
     {
          width:100%;
      }
    .left_side,.right_side
          {
            width:50%;
            height:100px; /*Depends on your content make it as height:auto;*/
            float:left;
          }
    .left_side
         {
            background-color:gray;
          }
      .right_side
         {
            background-color:white;
          }
</style>

这是 JSfiddle 链接 https://jsfiddle.net/no0Lz0o7/