Question

所以我有一个网站，当我缩小页面时，链接会消失在顶部。我正在使用bootstrap。你可以在这里找到关于Heroku的网站：https://rewardsapptest.herokuapp.com/

Answer 1

您正在使用旨在折叠移动视口的导航栏的引导程序模板。在该视图中，导航栏可通过导航栏切换按钮进行切换。

你需要; A）包括那个按钮。要么， B）或者如果您不想通过按钮切换导航，那么您只需从“navbar-collapse”div中删除'collapse'类，并根据需要重新设置移动链接的样式。

示例A：

<div class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button><a class="navbar-brand" href="/joins/new">Yeti Rewards</a>
</div>

B：

<div id="bs-example-navbar-collapse-1" class="navbar-collapse">

当窗口的宽度变小时，链接会消失

1 个答案: