如何在標籤的同一行上獲取表單控件？

enter image description here

我用盡了一切！

<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>

我知道這是使用bootstrap的默認設置。我試圖用inline-block或inline覆蓋所有類，但它沒有區別。

也許你會有更好的運氣。

來源

2015-04-16 AnthonyGalli.com

請附上您擁有所有這些元素的CSS你的問題也是如此。 – TylerH

是否嘗試向左浮動 –

只需使用bootstrap中的類作爲橫向表單：http://getbootstrap.com/css/#forms-horizontal – Aguardientico

看起來你正在使用紅寶石（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>

來源

2015-04-16 02:16:53 Aguardientico

感謝您的幫助！我爲'<％= simple_form_for（@habit）class =「form-horizontal」獲得了一個SyntaxError tho do | f | ％>'： –

/Users/galli01anthony/Desktop/Pecoce/app/views/habits/_form.html.erb:1：語法錯誤，意外的關鍵字類，預期的關鍵字結束... simple_form_for（習慣）class =「form-horizontal」 do | f | ou ......^/Users/galli01anthony/Desktop/Pecoce/app/views/habits/_form.html.erb:1：語法錯誤，意外的關鍵字_do，期待的關鍵字結束...位）class =「form-horizontal 「do | f | output_buffer.safe_appe ......^/Users/galli01anthony/Desktop/Pecoce/app/views/habits/_form.html.erb:76：語法錯誤，意外的keyword_ensure，期待輸入結束 –

更改'<％ = simple_form_for（@habit）class =「form-horizontal」do | f | ％>'for'<％= simple_form_for（@habit，html：{class：'form-horizontal'}）do | f | ％>' – Aguardientico

嘗試添加表單內聯類或顯示：塊直列

來源

2015-04-16 02:07:17 wijaya

您需要設置形式，水平一流你的表單標籤，如下解釋。

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

來源

2015-04-16 02:11:57

如何在標籤的同一行上獲取表單控件？

回答

相關問題