Question

我希望带有三条线的按钮作为独立的旋转木马图像以保存该位置。打开切换按钮应该像往常一样显示菜单。这是我导航时显示的整个导航条纹。

<nav class="navbar-default navbar-inverse">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
      <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html"></a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">

        <li class="dropdown">
            <li><a href="index.html">page 0</a></li>
            <li class="active"><a href="...">page 1</a></li>
            <li><a href="....">page 2</a></li>
            <li><a href="...">page 3</a></li>
      </ul>
    </div>
  </div>
</nav>

任何简单的可能性？只是想让导航栏完全透明。找到了这个codepen。但也许有更好的，更具引导性的本地替代方案？

Answer 1

您可以使用＆＃34; navbar-fixed-top＆＃34;导航中的类，这将导航保持在顶部，然后使用自定义CSS使其透明。希望这会对你有所帮助。

Bootstrap独立导航图标栏/切换按钮

1 个答案: