导航栏在引导程序中隐藏文本

Question

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

代码 切换导航 超级菜单

    <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

让我猜猜，你的导航栏上有一个 navbar-fixed-top 类。

固定导航栏有一个固定位置，它覆盖任何元素。

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

我在使用固定 BS 导航栏的应用程序中倾向于执行以下操作：

body {
  margin-top: 50px;
}

不需要是正文，但基本的想法是包裹你的内容并将其下推 50px。

编辑

OP 添加了他的代码，虽然导航栏不是navbar-fixed-top，但问题是一样的。