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 параллельные колонки?
Расставьте коэффициенты методом полуреакций, пожааааалуйста
1) 2NaCrO2+ 2NaOH + 3NaClO ---->
---> 2Na2CrO4 + 3NaCl + H2O
электронно-ионный баланс
подробнее...
спросили в Музыка Blackmores Night
Какая самая лучшая песня на свете?
В аудиозаписях! ( про НаБез вариантов (mc tolsty feat. immersion) - Настя, Whizzkids Vs Inusa
подробнее...
Какая самая лучшая песня на свете?
В аудиозаписях! ( про НаБез вариантов (mc tolsty feat. immersion) - Настя, Whizzkids Vs Inusa
подробнее...
Bootstrap.css зачем писать (col-lg-6 col-sm-6) если можно просто (col-sm-6) и всё работает так же?
Я тоже, когда пишу сайты стараюсь упростить код, удалить лишние на мой взгляд селекторы и блоки, но
подробнее...
спросили в Хоккей
Про хоккей.
РХЛ - Российская Хоккейная Лига.
ЖХЛ - Женская Хоккейная Лига.
АХЛ - Американская
подробнее...
Про хоккей.
РХЛ - Российская Хоккейная Лига.
ЖХЛ - Женская Хоккейная Лига.
АХЛ - Американская
подробнее...