通過在文字輸入框 前面、後面或是兩邊加上文字或按鈕，可以實現對表單控制項的擴充套件。為 .input-group 賦予 .input-group-addon 或 .input-group-btn 類，可以給 .form-control 的前面或後面新增額外的元素
class="input-group">
class="input-group-addon">@span>
type="text"
placeholder="請輸入你的帳號"
class="form-control">
div>
class="input-group">
type="text"
placeholder="請輸入你的帳號"
class="form-control">
class="input-group-addon">@span>
div>
class="input-group">
type="text"
placeholder="請輸入你的帳號"
class="form-control">
class="input-group-addon">
class="glyphicon glyphicon-heart">
span>
span>
div>
class="input-group">
class="input-group-addon">
class="glyphicon glyphicon-heart">
span>
span>
type="text"
placeholder="請輸入你的帳號"
class="form-control">
div>
bootstrap學習筆記
學習 然後對bootstrap進行引用 柵格系統中，列數是12，行數不固定 例項 手機 平板 桌面 在上面案例的基礎上，通過使用針對平板裝置的 col sm 類，我們來建立更加動態和強大的布局吧。col xs 12 col sm 6 col md 8 col xs 6 col md 4 col xs...
bootstrap學習筆記
1 引入的檔案 script script 2 柵格系統布局 bootstrap把頁面設定為12列，通過改變列的數字來進行布局。col xs 4 指小於768px的小裝置 11 col sm 4 指 768px的裝置 22 col md 4 指 992px裝置 33 col lg 4 值1200px...
bootstrap學習筆記
1 bootstrap簡介 1 是乙個前端自適應ui框架 2 由全域性css樣式，元件，js外掛程式組成 基於jquery 2 組成 1 全域性css樣式 1 寫好的一些html標籤的展示效果，可以全域性進行呼叫，標籤通過class屬性來獲採樣式 2 元件 1 寫好的以下可以直接在頁面上展示的元素，...