如何輕鬆增加twitter引導CSS系統中所有表單元素的字體大小？

我有一個簡單的水平表單，就像他們的標籤和輸入文本字段的例子。我如何製作所有的標籤font-size：24px，並且所有的輸入都是正確的高度等等。我還需要增加140px寬度的編碼邊距以便標籤不會纏繞。也就是說，我正在尋找最佳實踐方式來說：更大！

爲什麼'24px'？這很大，你會打破引導的垂直節奏和視覺流。 – 2012-04-02 18:26:49

這是40歲或以上人羣的消費者網站。他們喜歡大文本！ – 2012-04-02 18:31:24

你確定你不是指60或70嗎？我有點冒犯4x – tofutim 2016-02-08 20:17:06

爲什麼不把表單標籤設置爲24px，並將輸入高度設置爲任何匹配的值？

form label { 
    font-size: 24px; 
} 

form input, form textarea, form select { 
    margin-left: 200px; 
}

把這段代碼放在bootstrap.css加載後的某個地方，它會覆蓋它們的默認值。您可能還想爲輸入類型添加選擇器，以便它不會執行按鈕。

2012-04-02 18:09:07 Jordan

https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/541256_10150608941037723_500017722_9608443_827917127_n.jpg – 2012-04-02 18:15:31

https://fbcdn-sphotos-a.akamaihd.net/hphotos -ak-ash3/536564_10150608940567723_500017722_9608439_1333527854_n.jpg – 2012-04-02 18:15:52

我想我需要的不僅僅是上面的代碼，但我不想重新發明輪子，如果有一個簡單的方法來做到這一點。 – 2012-04-02 18:17:25

Twitter的引導程序使用less編譯代碼，但他們也allow您通過UI更改一些參數並下載自定義版本。如果這些選項對您來說不夠用，則需要減少設置並自定義/編譯。

2012-04-02 18:10:07 BluesRockAddict

假設你有正確的設置，創建一個「文件名」.css.scss並使用指南針來觀察文件（這會將其轉換爲與CSS等效的文件）。

然後在你的_ _.css.scss文件，請執行下列操作：

1） $baseFontSize: 24px; @import "bootstrap";這將更改所有字體大小，而是根據你的問題，我想這是你所關心的。

2）不確定你的意思是使輸入正確的高度。但是，您可以使用mixin .box-sizing（）（http://twitter.github.com/bootstrap/less.html）或設置輸入元素的底部高度以與您的標籤匹配，如下所示：

input{position: relative; bottom: 5px;}

3）對於不打包的標籤，將表單放在class =「fluid-container spanX」的div中，其中X是您需要的任意數量的網格。

羅盤將生成一個css文件，您可以從中複製語法並粘貼到您的項目中。

希望這會有幫助

2012-04-03 23:50:16 Austin

回答