Bootstrap模組分類及排版布局課程收穫

2021-09-03 01:47:36 字數 1204 閱讀 6922

ul class="list-inline"可以直接將這個ul下的li改變為同一水平線上排列。

一共5個類可方便的將文字重新對齊,text-left居左對齊、text-center居中對齊、text-right居右對齊、text-justify兩端對齊、text-nowrap強制不換行。

變為普通的**

class=「tabletable-striped

變為:每一行間隔顏色不同

class=「table table-stripedtable-bordered

變為:加上了邊框

class=「table table-striped table-borderedtable-hover

變為:加上了滑鼠停留高亮效果

給tr,td可以新增的顏色屬性:

active灰藍色表示當前活動資訊

success綠色表示成功

warning淺黃色表示警告

info藍色表示資訊

danger紅色表示報錯

給input class="form-control"將input變為一整行

button type=「submit」 class=「btn btn-default」

form-inline內聯表單:設定表單中div中的內容在一行排列,並且寬高固定。

form class="form form-horizontal…"就相當於class=「container-fluid」

但是沒有row

而且col-xx-xx寫在div上,用div包裹對應的元素

@qq.com

這樣就可以使span與input完美的無縫連線了。而且也可以對input-group 再新增input-group-lg/sm/xs修改整個input-group的大小

bootstrap表單雙排 Bootstrap

bootstrap 表單 簡介在本教程中,您將學習如何使用 bootstrap 2.0 工具包來建立表單。bootstrap 已經為 input textarea 和 select 等表單控制項定義樣式,支援列表和核取方塊,為禁用的表單控制項定義樣式,包括每個表單控制項的錯誤 警告 成功狀態。自版本...

Bootstrap學習7 排版

頁面主體 bootstrap 全域性 font size 設定為 14px,line height 設定為 1.428。這些屬性直接賦予 元素和所有段落元素。另外,段落 元素還被設定了等於 1 2 行高 即 10px 的底部外邊距 margin 預設行高20px lead類 中心內容 突出顯示 使用...

node js 模組分類

核心模組 require fs 核心模組是被編譯成二進位制 檔案模組 require fs.js 對於載入模組時既沒指出.時,載入模組的搜尋路徑。如果 home ry projects foo.js 中的檔案呼叫了 require bar.js node將在下面的位置進行搜尋 home ry pro...