2015-11-01 2 views
-2

layoutПроблемы с Bootstrap сетки Alignment

мне нужен этот макет (см рисунок), я пробовал много, но ничего не работает .. вот мой код:

<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--> 
+2

Непонятно, что вы просите. Ваше изображение не идентифицирует что-либо, связанное с вашим кодом, насколько находится столбец, и если эти столбцы предназначены для стека в определенном порядке на мобильных устройствах и т. Д. Вам нужно предоставить дополнительную информацию/контекст. См. [Ask]>, а также> [mcve] – vanburen

ответ

0

чек из 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> 

 Смежные вопросы

  • Нет связанных вопросов^_^