Question

我很擅长使用bootstrap制作网站。我的网站有一个固定的导航栏

    <div class="navbar-wrapper">
  <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
  <div class="container">

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
      <div class="container">
      <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="#" class="brand" title="websitename">&nbsp;</a>

在我的浏览器中，这一切都很完美。但是当我将浏览器调整到更小的尺寸（而不是完整尺寸）时，brandlogo向左移动很多，其中一半在左侧移动。按钮（btn-navbar）位于右侧，因此位于滚动条后面。

我如何在css中修复此问题？我需要将css添加到@media吗？

Answer 1

请看一下这个链接：http://getbootstrap.com/examples/navbar-fixed-top/ 这将帮助您解决问题:-) 希望这有帮助！

确保正确安装了所有CSS和JS ......

调整大小时不显示nav-collapse按钮

1 个答案: