我想使用simple-form
和bootstrap
生成一個2行的水平表單。第一行應該有兩個並排的輸入 - 一個用於帶有一個標籤的名字,第二行應該有一個用於電子郵件的輸入。我的問題是,第一行的標籤沒有得到正確呈現水平表單所需的control-label
類。然而,所有適當的類別正在應用於email
字段。簡單形式標籤類
下面是我的代碼:
= simple_form_for @order, :url => '/product/process_order', :html => {:class => 'form-horizontal'} do |f|
.form-inputs
.control-group
= f.label :first, "Full and last name"
.controls
= f.input_field :first, :class => "span2", :placeholder => 'First'
= f.input_field :last, :class => "span3" , :placeholder => 'Last'
= f.input :email, :placeholder => '[email protected]'
產生:
<form accept-charset="UTF-8" action="/product/process_order" class="simple_form form-horizontal" id="new_order" method="post" novalidate="novalidate">
<div class="form-inputs">
<div class="control-group">
<label for="order_first">Full and last name</label>
<div class="controls">
<input class="string required span2" id="order_first" name="order[first]" placeholder="First" size="50" type="text">
<input class="string required span3" id="order_last" name="order[last]" placeholder="Last" size="50" type="text">
</div>
</div>
<div class="control-group email required">
<label class="email required control-label" for="order_email">
<abbr title="required">*</abbr> Email
</label>
<div class="controls"><input class="string email required" id="order_email" name="order[email]" placeholder="[email protected]" size="50" type="email"></div>
</div>
</div>
</form>
什麼停止u到定義一個類爲您的標籤反正 – Viren 2013-04-30 14:54:16