調整Bootstrap 3窗體控件的大小

Question

以下是我的jsFiddle的完整代碼示例。

被觸發我的強迫症有幾件事情：相較於「註冊」按鈕

• 電子郵件&密碼輸入感到自己的渺小;我該如何讓它們變大一點，以便它們與此按鈕尺寸相同？
• 同樣的道理，我如何使綠色的「註冊」按鈕的寬度與電子郵件/密碼輸入相同？
• 密碼輸入（即啓動「至少使用...」）的文本應該很小;與其下面的複選框大小相同。我嘗試申請.tiny-text班，但似乎沒有工作。

的.tiny-text類：

.tiny-text { 
    font-size: x-small; 
} 

任何想法？

Answer 1

應用form-control類的按鈕，使它一樣寬的文本輸入，然後添加一些額外的CSS來解決這個高度：

.form-control[type='email'], 
.form-control[type='password'], 
.btn.form-control { 
    height: 50px; 
} 

併爲您的tiny-text CSS選擇器是不夠具體，因此沒有被使用。試試這個：

.jumbotron p.tiny-text { 
    font-size: x-small; 
} 

例小提琴：http://jsfiddle.net/nxda9fm8/