2015-05-12 3 views
0

В bootstrap 3.0, предполагая, что вы застряли в сетке с 12 столбцами, и у вас есть боковая панель с 3 колонками (col-md-3) и 9-я основная область содержимого (col-md-9), но ваше содержимое боковой панели заполняет примерно 2 с половиной столбца ширины боковой панели, и вам остается около 40 пикселей пробелов между содержимым боковой панели и основной областью содержимого, что вы можете сделать устранить это пространство?Каков правильный способ настройки столбцов начальной загрузки до указанной ширины.

Я попытался установить отрицательный запас в основной области содержимого, чтобы попытаться потянуть его влево, но он не работает.

Каков наилучший способ справиться с этим сценарием? Я уверен, что разработчикам приходится постоянно заниматься этой проблемой, поскольку большинство дизайнеров не проектируют на 12-ти столбчатой ​​сетке.

+1

Можете ли вы разместить пример? col-md-9 и col-md-3 - это процентная ширина, которая добавляется до 100%, поэтому, если есть желоб, она исходит из чего-то другого (скорее всего, родительского контейнера). – br4d

ответ

2

В этом случае я бы не использовал сетку для создания боковой панели. Таким образом, боковая панель и контент будут вашим собственным CSS, определяющим ширину каждого из них, а затем внутри вашего контента будет использоваться 12-ти секционная система.

+0

Но тогда как вы обрабатываете другие точки останова, вам нужно использовать пользовательские медиа-запросы для каждого разрешения? Это похоже на ужасную работу, а не на использование сетки. – foursepia

+0

На самом деле да. Если вы посмотрите на большинство загрузочных тем, которые уже существуют, они делают именно это. Реагирующие сайты - это большая работа для создания, поэтому хорошие отзывчивые темы обычно стоят хорошей битвы –

+0

Я предполагаю, что это имеет смысл. благодаря – foursepia

Смежные вопросы