导航栏中的导航栏隐藏文本

Question

我遇到了隐藏栏后面文字的问题，如下图所示。

代码                                             切换导航                                                             MegaMenu         

    <div class="collapse navbar-collapse js-navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="dropdown mega-dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection <span class="glyphicon glyphicon-chevron-down pull-right"></span></a>

        </li>
          </ul>

        </div>
        <!-- /.nav-collapse -->
      </nav>
    </div>

我希望有人可以帮助我。

问候。

Answer 1

我猜你的导航栏上有一个body { margin-top: 50px; } 课程。

固定导航栏的位置固定，覆盖任何元素。

导航栏本身的宽度为50像素。

在使用固定BS导航栏的应用程序中，我倾向于做的事情如下：

navbar-fixed-top

不需要是身体，但基本的想法是包装你的内容并将其压低50px。

修改

OP添加了他的代码，虽然导航栏不是alias launch_chromium='/Applications/Chromium.app/Contents/MacOS/Chromium --pro-server="socks5://localhost:1234"' ，但问题是一样的。