Bootstrap
bootstrap是現在比較流行的一套開源的html框架,功能也在不斷的完善,我覺得他的精髓就在柵格化佈局,巧妙的將網頁分為12列來動態的改變網頁,同時提供各種不同的類(class)來輔助開發者完成自己想要的樣子。同時還可以做到私人訂製,因為他使用less、sass等CSS預處理工具,所以我們可以通過改變他來實現自己想要的效果。
Bootstrap外掛全部依賴於jQuery,因此jQuery必須在Bootstrap之前引入,就像在基本模板中所展示的一樣。
大部分都是通過class屬性來定義,例如可以定義<div class="h1">我是h1</h1>,那麼顯示的就是h1的特性。class屬性有:small lead text-left text-center text-right text-justity text-nowrap
可以設定table <table class="table table-striped table-bordered table-hover table-condensed">
給table的class值可以設定danger success info 等等。
table-hover指滑鼠滑過之後會顯示顏色
table-striped是顯示偶數行和奇數行顯示不同的顏色
success是顯示綠色,danger顯示紅色,info顯示這一格天藍色
img屬性 class="img-circle" 這樣顯示的就是圖片顯示是一個圓形。
相關文章
- Bootstrap++:bootstrap-select 使用boot
- bootstrap外掛學習-bootstrap.modal.jsbootJS
- Bootstrap檔案上傳元件應用:bootstrap fileinputboot元件
- Bootstrap 簡介boot
- bootstrap含義boot
- Bootstrap雙列表boot
- BootStrap24boot
- BootStrap小結boot
- 基於Bootstrap的標籤頁元件bootstrap-tabboot元件
- 初學 Bootstrap 表格boot
- 初學 Bootstrap 排版boot
- bootstrap 配置問題boot
- Bootstrap風格buttonboot
- Bootstrap 排版介紹boot
- Bootstrap4 教程boot
- BootStrap筆記18boot筆記
- 【前端基礎】Bootstrap前端boot
- BootStrap框架的使用boot框架
- bootstrap-fileinput 使用boot
- 21- Bootstrap概述boot
- Bootstrap 的基本使用boot
- Bootstrap-Table 總結boot
- 初學 Bootstrap 表單boot
- BootStrap | 例項 - 摺疊boot
- Bootstrap 包的內容boot
- bootstrap表單驗證boot
- Bootstrap一個小案例boot
- Bootstrap模態框(Modal)boot
- 01 | Bootstrap使用入門boot
- Bootstrap基礎入門boot
- 使用.NET MVC和BootstrapMVCboot
- Bootstrap和ladda.jsbootJS
- jquery 封裝 bootstrap tablejQuery封裝boot
- 06 前端之Bootstrap框架前端boot框架
- 學習bootstrap的整理。boot
- Bootstrap 4 表單案例boot
- [BUG反饋]onethink 無法載入Public/static/bootstrap/css/bootstrap.cssbootCSS
- k8s TLS bootstrap解析-k8s TLS bootstrap流程分析K8STLSboot