引導輸入文本框太小？

我沒有足夠的積分發布圖片，但是我正在進行一個項目，輸入文本字段比在http://twitter.github.com/bootstrap/index.html網站上的要小。我在application.html.erb中有<!DOCTYPE html>，但它仍然不工作。引導輸入文本框太小？

任何人都知道問題可能是什麼？

來源

2012-09-12 123ndy

用firebug/chrome檢查器檢查你的css規則，看看'width'屬性來自哪個規則。 – MurifoX

我認爲它來自custom.css，但我不知道要尋找什麼？ – 123ndy

文本框的寬度可能受父母html標記寬度的影響。我無法確定沒有看到html標記。缺省寬度在bootstrap.css中爲輸入文本字段定義。您可以通過所需的跨度類這樣的控制覆蓋這個寬度..

<input type="text" class="span3" /> 
<input type="text" class="span12" />

來源

2012-09-13 07:45:20

這個答案是正確的。默認情況下，輸入組件的寬度不是可用區域的100％。如果你想讓它們佔據整個寬度，請使用@Kavitha-kg所說的內容並添加一個'class =「span12」'（記住Bootstrap使用12列網格）。或者，您可以使用輸入大小。請參閱：http://stackoverflow.com/questions/9784990/bootstrap-wider-input-field –

這將是更好地使用Chrome檢查檢查輸入字段的CSS規則。如果這不起作用，你可以添加一個類或id到你需要的輸入字段，然後在一個自定義的CSS文件中，你可以設置類或id的寬度。這將改變您的輸入字段的大小。只要確保您的自定義css文件在引導css文件之後。

來源

2012-09-15 18:04:21 justcode

這並沒有什麼幫助，因爲當你在瀏覽器中查看它時，你已經失去了信息，所有你會看到特定的像素寬度（例如，寬度：206px），這沒有幫助。 –

引導輸入文本框太小？

回答

相關問題