在html中添加一個Ruby塊到一個輸入類--Twitter Bootstrap

我想在一個HTML文件的span類中添加一個ruby塊。在html中添加一個Ruby塊到一個輸入類--Twitter Bootstrap

<%= f.label :email =>

在div &跨度類如下：

<div class="input-prepend"> 
    <span class="add-on"> 
     <i class="icon-envelope"></i> 
    </span> 
    <input class="span" id="prependedInput" type="text" placeholder=""> 
</div>

我已經放置在輸入類內的紅寶石塊：

<div class="input-prepend"> 
    <span class="add-on"> 
     <i class="icon-envelope"></i> 
    </span> 
    <input class="span <%= f.text_field :email %>" id="prependedInput" type="text" placeholder=""> 
</div>

我使用Twitter的引導，這是在div/span/input標籤中放置ruby塊的正確方法是什麼？

我想要做的是將一個圖標添加到輸入字段。它在我提交文本時工作。它看起來很奇怪，代碼和實際對象。

來源

2012-12-19 FluxEngine

你試過運行？不要以爲這是你的意圖。這樣做會在您的的class屬性中輸出一個''，這不會起作用。請更新你的問題來描述你真正想做的事情。 – regulatethis

我懷疑這可能就是你以後：

<div class="input-prepend"> 
    <span class="add-on"><i class="icon-envelope"></i></span> 
    <%= f.text_field :email, :id => "prependedInput" %> 
</div>

來源

2012-12-19 17:50:44

這部分工作，問題是文本字段寬度太小，長度太長。另外，它在FF瀏覽器中看起來不同。 – FluxEngine

真的，這不在這個問題的範圍之內。但是如果你看看bootstrap文檔，你會發現你可以通過向文本字段添加一個類來調整字段的大小。 –

在html中添加一個Ruby塊到一個輸入類--Twitter Bootstrap

回答

相關問題