Bootstrap网格系统包装

Question

我该怎么做？ grid 1 而不是这个？ grid 2

Answer 1

如果这些框可以分为三列，您可以尝试this

<div class="container">
  <div class="row">
    <div class="col col-md-3">
      <div class="row">
        <span class="col-xs-12">frist item in column 1</span>
        <span class="col-xs-12">second item in column 1</span>
      </div>
    </div>
    <div class="col col-md-6">
      <div class="row">
        <span class="col-xs-12">frist item in column 2</span>
        <span class="col-xs-12">second item in column 2</span>
      </div>
    </div>
    <div class="col col-md-3">
      <div class="row">
        <span class="col-xs-12">frist item in column 3</span>
        <span class="col-xs-12">second item in column 3</span>
      </div>
    </div>
  </div>
</div>