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

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>

这一切在我的浏览器中都很完美。但是，当我将浏览器调整为更小的尺寸（而不是全尺寸）时，brandlogo 向左移动了很多，其中一半在左侧消失了。按钮 (btn-navbar) 非常靠右，所以它位于滚动条的后面。

我怎样才能在css中解决这个问题？我需要将 css 添加到 @media 吗？

Answer 1

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

确保你的所有 CSS 和 JS 都正确安装...