html - Bootstrap 固定 header 宽度

Question

我是 Bootstrap 的新手，找不到我的问题的任何答案。

我正在使用 AdminLTE Bootstrap 主题进行测试。我想用它创建一个漂亮的网站主题，我想要一个固定的宽度。固定宽度有效，但不适用于标题栏。

我希望标题栏和菜单始终固定。因为我将“固定”类添加到正文中，所以我的网站是固定宽度的。只有标题不是固定宽度。它只固定在屏幕上。

有人可以帮帮我吗？

Answer 1

您需要用 <div class="container"></div> 包裹 header 的内部

<header class="header">
  <div class="container">

            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
              <a href="index.html" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                Testing
            </a>
            </nav>
  </div>

您还需要从导航栏 css 中删除 margin-left 和 position fixed。