2016-11-21 4 views
1

У меня есть div с классом row, внутри этого div у меня есть два вложенных divs, один с col-md-3, а другой с col-md-9.Сетка в бутстрапе не работает должным образом

Так ДИВ с row класса занимает все пространство, как ожидалось:

[! [Введите описание изображения здесь] [1]] [1]

Но проблема заключается в DIV с col-md-9 она не занимает пространство, которое он должен принять, как вы можете видеть на этой картинке:

[! [введите описание изображения здесь] [2]] [2]

так почему я получаю это поведение?

PS: для contenu-central класса имеет только padding-left: 0px; и padding-right: 0px;

+2

В коде отсутствует 'col-md-3'. Вы также применяете фиксированную ширину к вашей боковой панели 'width: 190px;', которая полностью разрушит систему бутстрапов. – Turnip

ответ

3

Там может быть несколько вещей неправильно.

  • Убедитесь, что другие аспекты начальной загрузки работают
  • Похоже, у вас есть COL-MD-9 и COL-MD-2, я не вижу 3
  • Дважды проверить CSS и убедитесь, что нет ничего, ограничивающего размер и перезапись бутстрапа. CSS
+0

Да, извините, для 'col-md-2' я только что забыл и разместил старый код, так или иначе, я обновил свой вопрос, для правил css boostrap для' row' и 'col-md-9', они не были перевернуты другими правилами css, как вы можете видеть на этом рисунке: https://i.stack.imgur.com/gDtN0.png, и это: https://i.stack.imgur.com/mw62m.png –

+0

Это фиксированный ширину, которая испортила сетку. –

+0

да, я заметил, что не знаю, как я пропустил его, так что в любом случае это работает, когда я использовал 'col-md-2' и' col-md-10', спасибо –

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