引導網格對齊問題

Question

所以我正在關注RoR教程，但似乎無法正確對齊。如果我復制並粘貼該教程的代碼，它將看起來像這樣

這是代碼：

<div class="row">
<div class="col-md-6 col-md-offset-3">
<%= form_for(@user) do |f| %>

  <%= f.label :name %>
  <%= f.text_field :name %>

  <%= f.label :email %>
  <%= f.email_field :email %>

  <%= f.label :password %>
  <%= f.password_field :password %>

  <%= f.label :password_confirmation, "Confirmation" %>
  <%= f.password_field :password_confirmation %>

  <%= f.submit "Create my account", class: "btn btn-primary" %>
<% end %>

但是，如果我輸入col-md-1，它就可以正常工作，看起來像這樣

是否仍可以使用col-md-6但像第二張照片一樣正確對齊？ 除了數字，我不知道還有什么要改變的。

Answer 1

我目前無法對此進行測試，但是您可以將表格的第一行更改為：

 <%= form_for @user, :html => {:class => "form-horizontal"} do |f| %>

這應該添加html和css來使表格水平：

 <form class="form-horizontal">

類似於以下示例： https : //jsfiddle.net/obp9x1yr/7/

這可能是閱讀更多信息的好文章： Rails Bootstrap如何格式化form_for（寬度網格折疊）