【问题标题】:Links disappear when window's width gets smaller bootstrap当窗口的宽度变小时链接消失
【发布时间】:2016-05-05 01:54:00
【问题描述】:

所以我有一个网站,当我缩小页面时,链接会在顶部消失。我正在使用引导程序。你可以在这里找到 Heroku 上的网站:https://rewardsapptest.herokuapp.com/

【问题讨论】:

    标签: css ruby-on-rails twitter-bootstrap heroku


    【解决方案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>
    

    乙:

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

    【讨论】:

    • 这行得通,但是当我点击“小三明治”时,链接没有显示出来。跟Javascript有关系吗?
    • 更新您的网站,以便我查看更改内容。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-30
    • 2012-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多