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

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>

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

如何在 css 中解决这个问题？我需要向@media 添加 css 吗？

Answer 1

看看这个链接:http://getbootstrap.com/examples/navbar-fixed-top/这将帮助您解决问题:-)希望这对您有所帮助!

确保您的所有 CSS 和 JS 都正确放置...