Bootstrap отступы
Автор Usesa задал вопрос в разделе Верстка, CSS, HTML, SVG
Bootstrap и margin Есть шесть колонок в Bootstrap. Как правильно между ними сделать margin в 10px? спасибо! и получил лучший ответ
Ответ от Александр[гуру]
Никак, BS - это сетка, которая не преднозначена для отступов с добавлением margin. Создайте в блоке BS (col-)свой блок и колдуйте с margin как хотите. Вот пример: (расширьте окно с блоками для более понятного просмотра) ссылка
Если даже изголяться над процентами col-md-2, как вы хотите сделать, то вам нужно следующее:
1. В общей ширине контейнера (col-md-12 или row) узнать сколько будет в процентах 10px,
100%/(ширина row)х10
2.Потом отнять 2 раза процент от col-md-2(16.6667%), получившийся результат применить к стилям
.col-md-2{ width:}
Но надо помнить, что это будет работать если у вас везде одна и та же ширина контейнера, т. к. при другой ширине выставляя 6 блоков сетка будет криво отображаться.
Александр
Мыслитель
(9026)
Плюсы в том, что в него включили всевозможные плагины и адаптивную верстку, которыми можно управлять через div class, минусы вес. Я когда то сам работал с ним, но т. к. из всех плагинов, которые там есть мне нужна была только одна десятая, я отказался вообще от таких фреймворков из-за большого веса, сейчас вообще пишу сам адаптированую верстку, подсмотрев как ее пишут другие. В общем достаточно воспользоваться адаптированной версткой с таких ресурсов, вес в 10 раз меньше:
ссылка
ссылка
js сниппетов в инете полно
tympanus.net
jqueryscript.net
Возможно вас устроит такой вариант
создать container
создать ряд row
потом в него поместить колонки если 6 одинаковых то будут все div с классом col-md-2
и так как в свойствах колонок присутствует padding как на скрине то margin может и не понадобиться
