html - 在 rails 中使用 Bootstrap 时,当窗口调整为小时, "nav pull-right"的内容消失

标签 html css ruby-on-rails ruby sass

我正在使用 Bootstrap 来创建类似 Twitter 的应用程序。当窗口大小调整为小时,导航栏上的内容在“nav pull-right”下消失。我怎么做?这是我的 erb 文件..

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <%= link_to "cntwitter", root_path, id: "logo" %>
      <nav>
        <ul class="nav pull-right" id="right_nav">
          <li><%= link_to "Home", root_path %></li>
          <% if signed_in? %>
            <li><%= link_to "Users", users_path %></li>
            <li id="fat-menu" class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Account <b class="caret"></b> </a>
              <ul class="dropdown-menu">
                <li><%= link_to "Profile", current_user %></li>
                <li><%= link_to "Settings", edit_user_path(current_user) %></li>
                <li class="divider"></li>
                <li>
                  <%= link_to "Sign out", signout_path, method: "delete" %>
                </li>
              </ul>
            </li>
          <% else %>
            <li><%= link_to "Sign in", signin_path %></li>
          <% end %>
        </ul>
      </nav>
    </div>
  </div>
</header>

最佳答案

twitter bootstrap 脚手架或网格在默认情况下是静态的。听起来您希望网页的内容随浏览器窗口缩放。在那种情况下,我建议使用“流体”脚手架::http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

关于html - 在 rails 中使用 Bootstrap 时,当窗口调整为小时, "nav pull-right"的内容消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14103688/

相关文章:

javascript - 将文件上传到我的本地 apache 服务器

javascript - 使链接在绝对定位的容器中可点击

javascript - 使用标签而不是 anchor 文本

ruby-on-rails - 在 View / Controller 外部访问Rails引擎路线帮助器

html - 调整表格列宽

javascript - ExtJS 4 网格现在在取消隐藏 div 后显示

html - 网格元素在必要时占用尽可能多的空间

css - 在 CSS 中分层图像 - 可以将 2 个图像放在同一个元素中吗?

ruby-on-rails - Ruby on Rails 5.1.5 - 以下 TutorialsPoint 教程中的迁移错误(关系已存在)

ruby-on-rails - Ruby on Rails,如何在登录页面上停止导航栏呈现?