Я использую колонки начальной загрузки, которые позволяют максимум 12. Мне нужно два разных div в одной строке, один из которых имеет 12 столбцов, а другой 4. Мне нужно, чтобы один из 4 столбцов появился на одном из 12. Обозначает оба divs в том же ряду. Пожалуйста, как мне это достичь. Благодарю.Бутстрап-столбец и строка
-3
A
ответ
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
Вы можете сделать это, следуя ниже упомянутых шагов:
- Перейти на Customize Bootstrap страницу.
- Увеличить значение
@grid-columns
переменная от12
до16
. - Скомпилируйте и загрузите измененный css.
И тогда вы сможете использовать 16 столбцов в строке вместо 12, как показано ниже.
<div class="row">
<div class="col-xs-12"></div>
<div class="col-xs-4"></div>
</div>
Смежные вопросы
- 1. несоответствующие типов * строка и строка
- 2. std :: строка и строка форматирования
- 3. партия: строка и "строка" отличаются
- 4. Split Строка плавать и строка
- 5. Финальная строка [] и финальная строка
- 6. Строка str_replace и аналогичная строка
- 7. grep строка и строка после одной строки
- 8. Строка поиска и строка возврата, содержащая строку
- 9. C++ строка и строка буквальное сравнение
- 10. Равные строки (строка и строка массива) -C++
- 11. Mysql Реальный побег Строка и нормальная строка
- 12. MVC4 строка CONCAT с Html.DisplayFor и строка
- 13. Возвращается строка и неправдоподобная строка не соответствуют
- 14. NSMutableDictionary с ключом: строка и значение: <строка, строка>
- 15. Вторая строка и третья строка должна быть одна строка
- 16. разница между и «строка» и Уре «строка» в Python
- 17. Строка таблицы и границы
- 18. System.File.Info и строка []
- 19. Номер и строка исключения
- 20. Строка, содержащая и расширяемая
- 21. Строка состояния и наложение
- 22. Isabelle2016 и командная строка
- 23. stringList и строка
- 24. Строка строк и PDO
- 25. Preg_Split номер и строка
- 26. Уравновешенный объект и строка
- 27. Строка копирования и вставки
- 28. VB и китайская строка
- 29. Строка, спросите и храните
- 30. Обратная строка и капитализация
Извините, но это совсем не описывает вашу проблему. Что вы на самом деле пытались? –
Просьба уточнить вашу конкретную проблему или добавить дополнительные сведения, чтобы точно указать, что вам нужно. Как это написано в настоящее время, трудно точно сказать, что вы просите. –
Так жаль об этом. Я бы попробовал некоторые из предоставленных опций, я уверен, что все правильно. – user2983401