html - 如何在 bootstrap 中放置一个容器(两行)和两个容器(在不同的两行)？

Question

如何在 bootstrap 中放置一个容器(两行)和两个容器(在不同的两行)？ enter image description here

我想要这样排列的容器

Answer 1

您可以使用网格来做这些事情。 你能说明它应该是什么样子吗？(我可以帮助你更多)

编辑: 为此，您实际上只需要一行两列。

它看起来像这样:

    <div class="row">

      <div class="col-md-8">  <!-- 8 is the width of the left side -->

        You content here

      </div>

     <div class="col-md-4">  <!-- 4 is the width of the right side -->

        Your content here

      </div>

    </div>

如果你需要让那些列里面的内容也是一个网格，那么它会有点不同:

   <div class="row">

      <div class="col-md-8">  <!-- 8 is the width of the left side -->

       <div class="row">
          <div class="col-md-12"></div>
          <!-- You just add your columns here -->
       </div>

       <div class="row">
          <div class="col-md-12"></div>
          <!-- You just add your columns here -->
       </div>

      </div>

     <div class="col-md-4">  <!-- 4 is the width of the right side -->

        <div class="row">
          <div class="col-md-12"></div>
          <!-- You just add your columns here -->
       </div>

       <div class="row">
          <div class="col-md-12"></div>
          <!-- You just add your columns here -->
       </div>

      </div>

    </div>