Как получить форму управления в той же строке, что и метка?

Question

Как мы можем заставить эти два появиться на одной строке?

Я пробовал все!

<div class="row"> 
<div class="col-xs-2"> 
    <span class="label label-primary"> Placement: </span> 
    <%= f.number_field :order, class: "form-control", id: "two", placeholder: 'Put in Order' %> 
</div> 
</div> 

Я знаю, что это что-то в настройках по умолчанию при загрузке. Я попытался переопределить его с помощью inline-block или inline для всех классов, но это не имело значения.

Возможно, вам повезет больше.

Answer 1

Похоже, что вы используете рубин (ERB), поэтому попробовать что-то вроде следующего (взято из http://getbootstrap.com/css/#forms-horizontal):

<%= form_for ... class="form-horizontal" do |f| %> 
    <div class='form-group'> 
    <%= f.label :order, 'Placement', class: 'col-sm-2 control-label label label-primary' %> 
    <div class='col-sm-10'> 
     <%= f.number_field :order, class: "form-control", id: "two", placeholder: 'Put in Order' %> 
    </div> 
    </div> 
</form> 

Answer 2

попробуйте добавить формы-рядный класс и или дисплей: блок-инлайн

Answer 3

Вам нужно установить вид горизонтального класса на ваш теге формы, как описано здесь.

http://getbootstrap.com/css/#forms-horizontal