bootstrap
表單時我們前端必學的內容，所以我給大家寫了乙個關於表單的
bootstrap
學習教程：
在bootstrap 提供了下列型別的表單布局：
垂直表單（預設） -> 這個不好看，都是手機版了，pc版佔一排不好看；
內聯表單 -> 我相信這個才是你想要的，pc版響應橫排，手機版響應豎排。
水平表單 -> 用柵格系統控制顯示
一、垂直表單
垂直表單使用的標準步驟
二、內聯布局
內聯布局與垂直布局其他完全一樣，只是需要給
使用了form-horizontal之後，才能給input控制項套div，並且div也能夠使用網格系統了。form-horizontal樣式改變了.form-group的行為，將其表現得像柵格中的行（row）一樣。
四、核取方塊checkbox和單選框radio
這兩個控制項在bootstrap裡面比較特殊，有時候需要橫排，有時候需要豎排。
它也跟form一樣，也是有內聯的。
如果需要內聯顯示，則設定其外層包圍的label的class為checkbox-inline。
如果需要預設的豎排顯示，則設定外層包圍的label的class為heckbox。1 2
3 45 6
7 89 10
11 12
13 14
15 16
17 18
19 20
21 22
23 24
25 26
27 28
29 30
31 32
33 34
35 36
37 38
39 40
41 42
43 44
45 其顯示效果如下：
五、靜態控制項
靜態控制項指的是那些不能夠改變值的控制項，在bootstrap中，當您需要在乙個水平表單內的表單標籤後放置純文字時，請在
上使用class="form-control-static"。
顯示效果如下：
六、表單幫助文字
bootstrap表單幫助文字一般指的是輸入錄入的提示，通常在input後面跟個.help-block的html元素就可以了。1 2
3 45 6
7 8顯示效果如下：
除了這些之外，bootstrap還有很多用來控制input高度啊，輸入是否成功啊等等的一些列樣式，這些只要查一下，找到相應的關鍵字就能夠用，以後遇到奇葩的再記錄。
Bootstrap表單布局行內表單和水平表單
行內布局只需要在 from 標籤中新增乙個form inline 的class可使其內容左對齊並且表現為inline block級別的控制項。但是該class只適用於視口 viewport 至少在 768px 寬度時 視口寬度再小的話就會使表單摺疊 如圖 行內表單 給表單新增.form horizo...
Bootstrap橫向表單
在form上應用.form horizontal 2.使用柵格系統 3.實際操作 1 新建乙個demo03.html，接著再開啟demo03.html，將移動裝置優和css檔案先匯入到標頭檔案 貼上過來就行了 儲存一下。name viewport 移動裝置優 content width device...
bootstrap 表單樣式
為了獲得乙個好看的form表單空間，我們需要如下的操作 效果圖如下 我們首先通過form horizontal類來指定我們的表單空間是水平排列的，即標籤和輸入框在乙個水平線上，然後我們通過form group來使得表單控制項佔滿整個容器的寬度，然後通過col sm x來指定標籤和空間各自所佔的距離，...