如何為背景顏色划分引導容器？

Question

我想划分引導容器以更改背景。 我不想在容器內使用 row 和 col。

我附上一張圖片來說明。

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/