Question

我试图将一个按钮放在一个按钮上，我想放在一个模态中。什么似乎是正确的类添加到按钮，＆＃39; nav-justified＆＃39;，如果使用，将占据导航栏的整个宽度，并推动除品牌之外的所有其他元素。我希望有一个类解决方案，但也许我只需要用css覆盖。有人能帮我解决这个问题吗？这是我的html的相关部分：

<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" 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="/posts">JBK</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
        <%= link_to 'New post', new_post_path, class: 'btn btn-primary navbar-btn navbar-left' %>
        <% if user_signed_in? %>
          <%= link_to('Logout', destroy_user_session_path, :method => :delete,
        class: 'btn btn-primary navbar-btn navbar-right') %>
          <%= link_to('Edit registration', edit_user_registration_path,
        class: 'btn btn-primary navbar-btn navbar-right') %>
        <% else %>
          <%= form_for(User.new, as: :user, url: session_path(:user),
        html: { class: 'navbar-form navbar-right' }) do |f| %>
            <div class="form-group">
              <%= f.email_field :email, placeholder: 'Email',
            class: 'form-control' %>
             </div>
            <div class="form-group">
              <%= f.password_field :password, placeholder: 'Password',
            class: 'form-control' %>
            </div>
            <%= f.button "Sign in", class: 'btn btn-success' %>  
          <% end %>
        <% end %>
        </div>
      </div>
    </nav>        
    <%= yield %>
    <div class="container">
      <footer>
        <p>&copy; Bibble 2015</p>
      </footer>
    </div>
  </body>

感谢。

Answer 1

Fiddle＆lt; - 代码链接

从这个回答：Simular question
评论： @pbadeer nav-justified用于药片和标签，而不是导航栏。警告：在导航栏上使用此类会破坏导航栏样式。

我将红宝石翻译成纯HTML（因为我不熟悉或不熟悉ruby-on-rails）
添加了<div class="text-center">（我希望这个按钮是正确的按钮）并将该按钮包裹在<span>

Answer 2

尝试添加：

- <div class= "text-center">

它会为你完成这项工作。

Bootstrap导航栏按钮 - 中心定位

2 个答案: