2016-09-05 3 views
-3

Я использую колонки начальной загрузки, которые позволяют максимум 12. Мне нужно два разных div в одной строке, один из которых имеет 12 столбцов, а другой 4. Мне нужно, чтобы один из 4 столбцов появился на одном из 12. Обозначает оба divs в том же ряду. Пожалуйста, как мне это достичь. Благодарю.Бутстрап-столбец и строка

+0

Извините, но это совсем не описывает вашу проблему. Что вы на самом деле пытались? –

+0

Просьба уточнить вашу конкретную проблему или добавить дополнительные сведения, чтобы точно указать, что вам нужно. Как это написано в настоящее время, трудно точно сказать, что вы просите. –

+0

Так жаль об этом. Я бы попробовал некоторые из предоставленных опций, я уверен, что все правильно. – user2983401

ответ

2

Прежде всего, вы можете разделить главный контейнер на два столбца, например 50/50, и внутри них вы можете поместить следующие столбцы.

<div class="container"> 
    <div class="col-md-6> 
    <div class="col-md-3></div> 
    <div class="col-md-3></div> 
    <div class="col-md-3></div> 
    <div class="col-md-3></div> 
    </div> 
    <div class="col-md-6> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    </div> 
</div> 
+0

Куда шли строки? – Brainfeeder

0

Вы можете сделать это, следуя ниже упомянутых шагов:

  1. Перейти на Customize Bootstrap страницу.
  2. Увеличить значение @grid-columns переменная от 12 до 16.
  3. Скомпилируйте и загрузите измененный css.

И тогда вы сможете использовать 16 столбцов в строке вместо 12, как показано ниже.

<div class="row"> 
    <div class="col-xs-12"></div> 
    <div class="col-xs-4"></div> 
</div> 
Смежные вопросы