本文主要講解的是表單，這個(gè)其實(shí)對(duì)于做過網(wǎng)站的人來說，并不陌生，而且可以說是最為常用的提交數(shù)據(jù)的Form表單。本文主要來講解一下內(nèi)容：
1.基本案例
2.內(nèi)聯(lián)表單
3.水平排列的表單
4.被支持的控件
5.靜態(tài)控件
6.控件狀態(tài)
7.控件尺寸
8.幫助文本
9.總結(jié)
基本案例
單獨(dú)的表單控件會(huì)被自動(dòng)賦予一些全局樣式。所有設(shè)置了.form-control的<input>、<textarea>和<select>元素都將被默認(rèn)設(shè)置為width: 100%;。將label和前面提到的這些控件包裹在.form-group中可以獲得最好的排列。
兩個(gè)文本框的寬度的確為100%。并且有三個(gè)form-group。
內(nèi)聯(lián)表單
為左對(duì)齊和inline-block級(jí)別的控件設(shè)置.form-inline，可以將其排布的更緊湊。
需要設(shè)置寬度：在Bootstrap中,input、select和textarea默認(rèn)被設(shè)置為100%寬度。為了使用內(nèi)聯(lián)表單，你需要專門為使用到的表單控件設(shè)置寬度。
一定要設(shè)置label:如果你沒有為每個(gè)輸入控件設(shè)置label,屏幕閱讀器將無(wú)法正確識(shí)讀。對(duì)于這些內(nèi)聯(lián)表單,你可以通過為label設(shè)置.sr-only已將其隱藏。
