如何自定義簡單的表單文本區域？

我想自定義此代碼如何自定義簡單的表單文本區域？

<%= simple_form_for @fuel_price, url: supplier_fuel_prices_path, class: "m-t" do |f| %> 
              <%= f.input :regular, label: "Regular" %> 
              <%= f.input :medium, label: "Medium"%> 
              <%= f.input :premium, label: "Premium" %> 
              <%= f.input :diesel, label: "Diesel" %>

輸入區域有以下

造型像圖像我不想horizontol或任何東西。只需要在前面的那個美人。

甚至更好，像以下但$，而不是@

來源

2016-04-08 suyesh

你可以找到解決方案here。他用引導和SimpleForm

來源

2016-04-08 03:40:41

這是相當激烈，但得到它所有的工作按照該鏈接的方向哈哈。謝謝。 – suyesh

請註釋您提供的資源不僅鏈接本身 –

對不起，我對此是新的.. –

您必須添加引導 CSS庫到你的應用程序並嘗試下面的代碼

simple_form_for @fuel_price, url: supplier_fuel_prices_path, class: "m-t" do |f| %> 
<div class="form-group"> 
    <div class="input-group"> 
    <div class="input-group-addon">$</div> 
    <%= f.text_field :regular, placeholder: "Regular", class:"form-control" %> 
    </div> 
    <div class="input-group"> 
    <div class="input-group-addon">$</div> 
    <%= f.text_field :medium, placeholder: "Medium", class:"form-control"%> 

    </div 
    <div class="input-group"> 
    <div class="input-group-addon">$</div> 
    <%= f.text_field :premium, placeholder: "Premium",class:"form-control" %> 

    </div 
    <div class="input-group"> 
    <div class="input-group-addon">$</div> 
    <%= f.text_field :diesel, placeholder: "Diesel",class:"form-control" %> 

    </div 
</div> 
<%end%>

來源

2016-04-08 04:43:04 Sukanta

如何自定義簡單的表單文本區域？

回答

相關問題