如何将提交按钮以内联形式移动到右端

Question

我无法弄清楚如何将提交按钮移动到窗体的右端。根据下面的代码，我的提交按钮在窗体控制之前显示。

这是我的看法

<div class="form-inline"> 
<%= form_for([@user, @user.categories.build]) do |f| %> 
    <%= f.text_field :name, class: 'form-control', placeholder: "Create Category" %> 
    <%= f.submit "Submit", class: "btn btn-primary col-xs-3" %> 
<% end %> 

Answer 1

<div class="form-inline"> 
<%= form_for([@user, @user.categories.build]) do |f| %> 
    <%= f.text_field :name, class: 'form-control', placeholder: "Create Category" %> 
    <span class="pull-right"><%= f.submit "Submit", class: "btn btn-primary col-xs-3" %></span> 
<% end %> 



.pull-right { 
    float: right !important; 
}