bootstrap如何水平的排列表單控件

boostrap是一條目很是優異的前端框架，在響應結構網站中普遍應用，下面以登錄表單為例，介紹若何利用bootstrap實現程度擺列表單。

方式/步調

1
新建HTML文件用來測試，定名為index.html文件，代碼如下:
2
在index.html文件的head頭部引入bootstrap.min.css樣式文件，以及jquery-1.8.3.min.js，bootstrap.min.js兩個JS文件。
3
在body中編寫form表單代碼，并標的目的<form> 元素添加 class=“form-horizontal”，form-horizontal類是bootstrap程度結構的form表單類。
4
操縱bootstrap中form-control類建立一個類型為text表單控件input，用于登錄用戶名的輸入。
5
操縱bootstrap中form-control類建立一個類型為password的表單控件input，用于登錄暗碼的輸入。
6
建立一個button按鈕，用于提交表單內容，樣式用bootstrap默認按鈕樣式btn-default。
7
運行代碼，實現程度擺列表單，下面是運行代碼后的結果圖：