bootstrap отступ



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 может и не понадобиться
bootstrap отступ

Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Bootstrap и margin Есть шесть колонок в Bootstrap. Как правильно между ними сделать margin в 10px? спасибо!

Как в twitter bootstrap выровнять div по центру, допустим это span6
добавить float:none; margin: 0 auto; или добавить отступ слева (в зависимости от класса span
подробнее...

Как изменить цвет черты <hr/>???
пример из bootstrap
hr {
margin: 18px 0;
border: 0;
border-top: 1px solid
подробнее...

Как выровнять таблицу по центру? Bootstrap 3
тут нет у тебя таблицы, а нумерованный список
Сначала создай таблицу засунь код туда и примени
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:

Bootstrap container-fluid почему не резиновый?
хз, у меня он на всю ширину, через инспектор на странице посмотрите откуда оступ
подробнее...
 

Ответить на вопрос:

Имя*

E-mail:*

Текст ответа:*
Проверочный код(введите 22):*