与引导网格对齐

问题描述：

问题，我需要这个布局（见图片），我尝试了很多，但没有工作..这里是我的代码：

<div class="row content-container"> 

      <div class="col-md-9" id="map-content"> 
      <h1>#Map</h1> 

     </div> <!-- MAP --> 

     <div class="col-md-3" id="route"> 
     <h1>#Route</h1> 
     </div> <!-- Route --> 

     <div class="col-md-9" id="breadcrumbs"> 
     </div> <!-- Breadcrumbs --> 


    </div> <!--Row Content-->

关于你在问什么是完全不清楚的。您的图像不会识别与您的代码相关的任何内容，只要这些列在哪里以及这些列是否按照特定顺序在移动设备上堆叠等等。您需要提供更多信息/上下文。看[问]>还有> [mcve] – vanburen

答

退房this fiddle。

<div class="container"> 

    <div class="row "> 

    <div class="col-xs-6"> 
     <div class="col-xs-12" style="background: green; height: 60px;">Aaa</div> 
     <div class="col-xs-12" style="background: red; height: 60px;">Bbb</div> 
    </div> 
     <div class="col-xs-6" style="background: blue; height: 120px;">Bbb</div> 

    </div> 

</div>

相关推荐