Не правильно отображается макет, созданный на основе сетки Bootstrap

Добрый день! Подскажите, пожалуйста, почему вылезает на новый ряд колонка, если задан такой вариант:
<div class="container-fluid">
  <div class="row">
    <div class="col-md-3">Выпадающие списки</div>
    <div class="col-md-4">Выпадающие списки</div>
    <div class="col-md-5">Выпадающие списки</div>
  </div>
</div>
<div class="container-fluid">
  <div class="row">
    <div class="col-md-3">Логотип</div>
    <div class="col-md-5">Поиск</div>
    <div class="col-md-4">Этот блок переходит в новый ряд</div>
  </div>
</div>
<div class="col-md-12">Меню</div>
Спасибо!


   Вопросы 0    350 0

Комментарии (1)

  1. Александр Мальцев # 0
    Вы не правильно разметили блок Меню. Блок «Меню» необходимо поместить в блок с классом .container-fluid или .container.
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-3">Выпадающие списки</div>
        <div class="col-md-4">Выпадающие списки</div>
        <div class="col-md-5">Выпадающие списки</div>
      </div>
    </div>
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-3">Логотип</div>
        <div class="col-md-5">Поиск</div>
        <div class="col-md-4">Этот блок переходит в новый ряд</div>
      </div>
    </div>
    <div class="container-fluid">Меню</div>
    
    Если блок с классом .col-md-4 переходит на новую строку, то проверьте какие стили CSS (именно свои) на него влияют. Скорее всего это какие отступы…

    Вы должны авторизоваться, чтобы оставлять комментарии.