我如何制作响应式bootstrap元素

Question

任何人都可以帮助我将屏幕划分为8个响应部分（顶部2个，中间2个，底部2个）并带有引导程序。

Answer 1

试试这个..

 <div class="row">
              <div class="col-md-3 col-md-offset-2">  </div>
              <div class="col-md-3">                  </div>
   </div>
   <div class="row">
              <div class="col-md-3 col-md-offset-2">  </div>
              <div class="col-md-3">                  </div>
   </div>
   <div class="row">
              <div class="col-md-3 col-md-offset-2">  </div>
              <div class="col-md-3">                  </div>
   </div>

将内容放在具有col-md-3类

的div中

Answer 2

创建三行并将它们分成两半。像这样的东西

<div class="container ">
     <div class=" row">
         <div class="col-xs-6"></div>
         <div class="col-xs-6"></div>
      </div>
     <div class=" row">
         <div class="col-xs-6"></div>
         <div class="col-xs-6"></div>
      </div>
      <div class=" row">
         <div class="col-xs-6"></div>
         <div class="col-xs-6"></div>
      </div>
</div>