預謀輸入標籤（simple_form +引導-SASS）關閉的幾個像素

我想使用的文本輸入字段在這裏看到：（這是頁面上的第二個文本輸入字段）預謀輸入標籤（simple_form +引導-SASS）關閉的幾個像素

http://simple-form-bootstrap.plataformatec.com.br/articles/new

我在其他Rails應用程序中工作，但由於某種原因，在我當前的應用程序中，前置標籤和文本輸入之間有幾個像素的間隙。我已經安裝了帶有--bootstrap選項的simple_form，並且已經驗證了Rails/haml/bootstrap/bootstrap-sass版本與工作欄應用程序相同。

我不重寫我的樣式表中的任何相關的CSS（我評論這一切都是確定的）。

任何想法爲什麼Bootstrap不會像它應該那樣行事？

來源

2012-04-05 bevanb

在這裏完全相同的問題。 bootstrap示例頁面正常工作，但在我的3.2應用程序中，我有2-3個像素的空白。 – 2012-04-23 03:48:15

我真的不知道問題是什麼在這裏，但我有同樣的事情。

比較span.add-on標籤我發現他們對他們的一個float: left。我補充說，它似乎有伎倆。

我也注意到他們使用的是twitter 2.01。我使用的是2.02，所以有些東西可能已經改變了。

編輯：這搞砸了追加跨度。

.input-prepend .add-on, 
.input-append input { 
    float: left; 
}

是我加了什麼。它感覺不對，但它現在工作。希望有更多的bootstrap知識可以幫助你。

來源

2012-04-27 09:15:08 maneKozaroo

哇。偉大的實驗/解決方案。 – joshs 2012-11-01 01:19:42

你需要補充一點：content_tag :span, "attribute", :class => "add-on", :style => 'margin-right: -5px;'

來源

2012-04-17 10:06:33 Abram

感謝您的回覆。我最終做了這樣的事情。仍然好奇爲什麼我不需要在所有其他應用程序中這樣做。 – bevanb 2012-04-17 12:53:20

謝謝貝文。不確定。我花了一些時間試圖爲你解決這個問題..如果你選擇這個作爲你的答案，將不勝感激。謝謝！ – Abram 2012-04-17 20:11:33

你的解決方案是一個很好的解決方案，但我確實在尋找Bootstrap在我的應用程序中出現奇怪行爲的根本問題的解決方案。我會更清楚地說明。 – bevanb 2012-04-17 20:32:43

我沒有看過變化，看看爲什麼，但我可以確認它在2.0.1中按預期工作，並在2.0.2中描述了間隙。要恢復到舊的，正確的行爲，你可以取代現有的自舉薩斯線在你的Gemfile：

gem 'bootstrap-sass', '2.0.1'

和更新包。

來源

2012-05-13 19:49:48 fuzz

如果由於驗證而導致頁面出現錯誤，則接受的解決方案將導致問題。 Simple_form實際上有一個包裝器，可以讓你做到這一點，並在處理錯誤時更好。

<%= f.input :name, :wrapper => :append, :class => "inline" do %> 
    <%= f.input_field :name%> 
    <%= content_tag :span, "@", :class => "add-on abbn" %> 
<% end %>

來源

2013-03-02 17:31:54 kobaltz

預謀輸入標籤（simple_form +引導-SASS）關閉的幾個像素

回答

相關問題