2

在放大移动时，标题也被放大，因此我的标题部分是类 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>
4

1 回答 1

4

当我使用引导程序作为标题时，我实际上从这个 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 -->
于 2013-07-11T00:21:15.600 回答