Col sm
Автор Boy13 задал вопрос в разделе Верстка, CSS, HTML, SVG
Как в bootstrap разместить по центру 2 параллельные колонки? и получил лучший ответ
Ответ от Shadow[гуру]
наверно поместить в .container -
Ответ от Олег Кочетков[гуру]
Колонки col-sm-2 и col-sm-7 по центру не получится. Потому что всего размечено 12 колонок. 2 + 7 = 9, 12 - 9 = 3. А нужно чтоб получилось четное число. Отступы поровну для каждой стороны. Поэтому центральный блок, либо col-sm-6, либо col-sm-8.
Допустим col-sm-8. Тогда для левой колонки пропиши классы col-sm-2 col-sm-offset-1. А для основного блока col-sm-8
А еще лучше почитай про классы "container" и "container-fluid",( ) по моему, в твоем случае самый кошерный вариант.
Колонки col-sm-2 и col-sm-7 по центру не получится. Потому что всего размечено 12 колонок. 2 + 7 = 9, 12 - 9 = 3. А нужно чтоб получилось четное число. Отступы поровну для каждой стороны. Поэтому центральный блок, либо col-sm-6, либо col-sm-8.
Допустим col-sm-8. Тогда для левой колонки пропиши классы col-sm-2 col-sm-offset-1. А для основного блока col-sm-8
А еще лучше почитай про классы "container" и "container-fluid",( ) по моему, в твоем случае самый кошерный вариант.
Ответ от Ёкромный[гуру]
Не знаю, что ты хочешь, но написав класс sm ...этот класс для размещения блоков на экранах планшетов ...
Общее правило, сумма колонок должна быть ровна 12 ...тогда у тебя везде будет две колонки ...то есть ни шапки ...ни подвала ...всегда две колонки ...зачем тебе тогда bootstrap ...если основная идея там адаптивные блоки ...т. е. На больших экранах больше колонок, на маленьких меньше ...
как-то так видимо ...;)
<!--Контейнер-->
<div class="container">
<!--Ряд-->
<div class="row">
<!-- блок 1 ширина которого всегда в 2 раза меньше, типа меню-->
<div class="col-sm-4">
</div>
<!-- блок 2 ширина которого всегда в 2 раза больше, типа основной сайт -->
<div class="col-sm-8">
</div>
</div>
</div>
Не знаю, что ты хочешь, но написав класс sm ...этот класс для размещения блоков на экранах планшетов ...
Общее правило, сумма колонок должна быть ровна 12 ...тогда у тебя везде будет две колонки ...то есть ни шапки ...ни подвала ...всегда две колонки ...зачем тебе тогда bootstrap ...если основная идея там адаптивные блоки ...т. е. На больших экранах больше колонок, на маленьких меньше ...
как-то так видимо ...;)
<!--Контейнер-->
<div class="container">
<!--Ряд-->
<div class="row">
<!-- блок 1 ширина которого всегда в 2 раза меньше, типа меню-->
<div class="col-sm-4">
</div>
<!-- блок 2 ширина которого всегда в 2 раза больше, типа основной сайт -->
<div class="col-sm-8">
</div>
</div>
</div>
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Как в bootstrap разместить по центру 2 параллельные колонки?