调整大小时不显示导航折叠按钮

Question

我对使用引导程序制作网站很陌生。我的网站有一个固定的导航栏

    <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>

这一切都在我的浏览器中完美无缺。但是当我将浏览器大小调整为较小的尺寸（而不是全尺寸）时，品牌徽标向左移动了很多，其中一半在左侧消失了。按钮（btn-navbar）位于右侧，因此它在滚动条后面。

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

Answer 1

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

确保你所有的CSS和JS都正确到位...