引导网格对齐问题

问题描述：

所以我下面的回报率的教程，但我似乎无法得到对准right.If我复制和粘贴的教程中的代码，它看起来像 this 引导网格对齐问题

这里是代码：

<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，然后将其排序的工作，看起来像this

是否仍然可以使用col-md-6，但是它已经像第二张照片一样正确对齐了？除了数字我不知道还有什么改变。

为什么你要使用col-md ...你是否瞄准中等设备more ...我会建议使用sm ...并使用模式作为--ROW - > COL-12-> COL类 – Milind

答

我不能现在来测试这个权利，但你可以改变你的表格你的第一行：

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

这应该添加HTML和CSS需要使窗体水平：

<form class="form-horizontal">

有些什么样的这个例子：https://jsfiddle.net/obp9x1yr/7/

这可能是一个很好的职位阅读以了解更多信息：Rails Bootstrap how to format form_for (width grid collapses)

引导网格对齐问题

相关推荐