bootstrap 2.3 — пара вопросов

Question

[Владимир Коровин]

Все, привет!
Вопрос такой, в указанной картинке как правильней обернуть кнопки и таблицу?
Я собственно, где делаю:

<div class='span12'>
всякие кнопки
</div>
<div class='span12'>
Таблица
</div>
а где
<div class='span12'>
какой-нибудь p или div, в нем кнопки
ниже таблица
</div>

Сейчас пробегаюсь по детищу, привожу все к одному оформлению.


P.S. Какой хаб подходит не знаю, пишу в веб-дизайн и родной телеком ))

Answer 1

[Nilard]

Если нужен контент на всю ширину, то .row > .span12 использовать не обязательно — чище будет код. В вашем случае я бы предпочел второй вариант, либо в первом обернул бы в .row каждый .span12

У сетки механизм очень простой: .row имеет отрицательный margin-left, а .span* — положительный на то же значение. Поэтому их нужно использовать только совместно, или не использовать вообще, если контент на всю ширину.

Comments

[Владимир Коровин]

Спасибо. Но раз такая пьянка, вопрос второй — если в одной строке расположить селект и кнопку (скажем, действия с выделенными в таблице абонентами — селект — что делать, кнопка — отправка запроса), обернутые в бтн-груп и правее еще одну кнопку (например — новый абонент), то вертикально они будут выровнены по разному. Почему так получается, и как с этим бороться? Пока вношу margin-top:-11px, но это зло.

[Nilard]

Добавьте форме класс .form-inline

Answer 2

[Сергей Протько]

правильно обернуть все это в .container и… все… разве что кнопки в отдельный блок аля .well. span все эти нужны только для лэйаутов, сетки и т.д. Тобиш внутри row

Comments

[Владимир Коровин]

container есть, он выше ))
Я вот row понять не могу, он отступы как я понял на корню убивает. Если div class='spanx' имеет внутренние отступы, то если оборачиваешь в row, улетает влево.

[Владимир Коровин]

Хм, а вот такая постановка правильна — «обернуть кнопки в div.row div.span12, обернуть таблицу в div.row div.span12»?

[alex_dm]

Да, либо div.row div.span12, либо div.row-fluid div.span12