css - 当窗口的宽度变小时链接消失 bootstrap

Question

所以我有一个网站，当我缩小页面时，链接会在顶部消失。我正在使用 Bootstrap 。您可以在此处找到 Heroku 上的网站:https://rewardsapptest.herokuapp.com/

Answer 1

您正在使用旨在折叠移动视口(viewport)导航栏的 Bootstrap 模板。在该 View 中，导航栏可通过导航栏切换按钮进行切换。

你需要；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>

乙:

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