bootstrap nav pull-right 使标题缩放离开屏幕答案

【问题标题】：bootstrap nav pull-right makes header zoom off screenbootstrap nav pull-right 使标题缩放离开屏幕
【发布时间】：2013-07-11 00:12:22
【问题描述】：

在放大移动时，标题也被放大，因此我的标题部分是类 nav pull-right 被截断屏幕。我怎样才能解决这个问题？也许将标题大小固定为屏幕宽度？

  <nav>
    <ul class="nav pull-right">
      <div class="signinform" <% if request.path == root_path && current_user.nil? %> style="padding-top: 18px;" <% end %>>
          <%= form_for(:session, url: sessions_path, :html => { :class => "form-inline"}) do |f| %>
              <input id="session_email" name="session[email]" type="text" class="input-medium" placeholder="Email">
              <input id="session_password" name="session[password]" type="password" class="input-medium" placeholder="Password">
              <button type="submit" class="btn btn-small btn-primary">Sign in</button>
          <% end %>
      </div>
    </ul>
  </nav>

【问题讨论】：

标签： css ruby-on-rails-3 mobile twitter-bootstrap

【解决方案1】：

当我使用引导程序作为标题时，我实际上从这个 youtube 视频中获得了我需要的所有信息。 https://www.youtube.com/watch?v=gPbp1JecLuU&list=FL5jJgNXjcYi4i0QKFe1-NKw&index=3 。

问题在于 Bootstrap 标头必须以某种方式完成才能使一切正常工作。动态调整大小之类的事情取决于它以某种方式完成。一般情况下，标题应该是这样工作的，但是，你真的应该看看那个 youtube 视频。

祝你好运！

<div class="navbar">
  <div class="navbar-inner">
   <div class="container">
    <div class="nav pull-right">
     <div class="signinform" <% if request.path == root_path && current_user.nil? %> style="padding-top: 18px;" <% end %>>
      <%= form_for(:session, url: sessions_path, :html => { :class => "form-inline"}) do |f| %>
          <input id="session_email" name="session[email]" type="text" class="input-medium" placeholder="Email">
          <input id="session_password" name="session[password]" type="password" class="input-medium" placeholder="Password">
          <button type="submit" class="btn btn-small btn-primary">Sign in</button>
      <% end %>
     </div>
    </div>
   </div>
  </div>
 </div> <!-- closes class navbar -->

【讨论】：