使用twitter引導創建非常大的表單元素

Question

我想爲我的頭版創建一個包含非常大的元素的表單，所以我想我只是定義了一些自定義的css類，但我正在苦苦掙扎， m意味着將所有東西都縮放，例如填充，線條高度等以匹配字體大小。

我在想有一個標籤和文本框的水平表單，並提交文本大小爲72px的按鈕。

是否有任何地方我可以得到更多的信息，如何相應地縮放一切或任何人都可以給我一些提示？

我試圖爲：

input.real-large-input { 
    font-size: 24px; 
    padding: 14px 24px; 
    width:270px; 
    line-height:46px; 
} 

label.real-large-label { 
    font-size: 24px; 
    line-height:46px; 
    font-weight:bold; 
} 

.real-large-btn { 
    font-size: 24px; 
    padding: 14px 24px; 
} 

但行高和填充真的只是一種彌補，我不知道是什麼值以保持它的所有與原來的規模。實際上，由於它具有14px字體大小，頂部和底部4px的填充，但是20px的行高不等，所以原來的引導CSS非常混亂。

上面的工作在這些值的罰款，但問題是我想擴大比這更大，但它都變得非常混亂，因爲我不知道我應該爲填充和行高當字體大小是72px。

Answer 1

Bootstrap的輸入具有固定的高度，我建議您將屬性設置爲auto，以便讓它們按照您設置的字體大小正確縮放。這裏有一個簡單的演示使用自定義類form-large：

http://jsfiddle.net/fpC4r/3/show/

.form-large{ 
    font-size: 60px; 
} 

.form-large .control-label{ 
    padding-top: 20px; 
    padding-bottom: 20px; 
    line-height: normal; 
} 

.form-large input, .form-large button{ 
    font-size: 60px; 
    padding: 20px; 
    height: auto; 
    line-height: normal; 
}