bootstraps col嵌套继承了主col样式

Question

我正在为我的登录页面构建一个布局，并有问题，让我的按钮排队。我使用了一个自定义类来居中我的用户名和密码表单，现在我希望有两个大小相等的按钮来登录并在它们下面注册。我试着用只有父级一半大小的col来实现这个目标，但是到目前为止，它们的大小都是一样的。对我做错事的任何帮助都是非常感谢的。

html：

<div class="col-xs-4 centered">
        <%= form_tag sessions_path do %>
        <div class="form-group">

        <%= label_tag :email %>
        <%= text_field_tag :email, params[:email], class:'form-control' %><br/>

        <%= label_tag :password %>
        <%= password_field_tag :password, nil, class:'form-control' %><br/>

        <div class="col xs-2">
        <%= submit_tag "Log in", class:'btn btn-primary btnstyle' %>
        </div>
        <div class="col xs-2">
        <%= link_to 'Sign Up', new_user_path, class:'btn btn-primary btnstyle' %>
        </div>
        <% end %>
        </div>
</div>

css：

.btnstyle {
    width:100%;
}

.centered  {
    float: none;
    margin: 0 auto;
}

我试着装小提琴，但ofc不适用于rails标签.

Answer 1

算出来了，丢失了一台-，必须把它们发到主机外，并将其偏移到中间。最后的结果如下：

<div class="col-xs-4 centered">
        <%= form_tag sessions_path do %>
        <div class="form-group">

        <%= label_tag :email %>
        <%= text_field_tag :email, params[:email], class:'form-control' %><br/>

        <%= label_tag :password %>
        <%= password_field_tag :password, nil, class:'form-control' %><br/>
        </div>
</div>
        <div class="col-xs-2 col-xs-offset-4">
        <%= submit_tag "Log in", class:'btn btn-primary btnstyle' %>
        </div>
        <div class="col-xs-2">
        <%= link_to 'Sign Up', new_user_path, class:'btn btn-primary btnstyle' %>
        </div>
        <% end %>
        </div>