css - Bootstrap 网格不工作

Question

图片是我网站的右侧。 Bootstrap 网格中的一些元素。

<div class="container">
  <div class="col-md-12">
    <div class="row">
      <a href="#" class="logo">First</a>
      <nav class="main_menu clearfix">
        <button class="main_menu_button hidden-md hidden-lg"><i class="fa fa-bars"></i></button>
        <ul>
          <li class="active"><a href="#"></a></li>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
          <li><a href="#"></a></li>
        </ul>
      </nav>
    </div>
  </div>
</div>

为什么 element nav 可以从 bootstrap grid 中出来？我的主要部分是灰色的

Answer 1

不太确定你的标记或样式有什么问题，从给定的内容很难理解，但你应该将 .col-md-12 放在 .row 而不是相反。

这里有一些例子:https://getbootstrap.com/examples/grid/