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】--前端利器BootStrapboot前端
- Bootstrap++:bootstrap-select 使用boot
- bootstrap36-Bootstrap下拉選單boot
- Bootstrap系列 -- 1. 如何使用Bootstrapboot
- bootstrap39-Bootstrap下拉選單dropdownboot
- bootstrap學習筆記 Bootstrap 列表組boot筆記
- Bootstrap - viewportbootView
- bootstrap – formbootORM
- bootstrap常用boot
- Bootstrap框架boot框架
- bootstrap 警告boot
- bootstrap外掛學習-bootstrap.modal.jsbootJS
- jQuery UI Bootstrap:在jQuery UI上整合BootstrapjQueryUIboot
- Bootstrap檔案上傳元件應用:bootstrap fileinputboot元件
- Web 開源 CSS 框架 Bootstrap 文件、Bootstrap 下載WebCSS框架boot
- Bootstrap 簡介boot
- Bootstrap雙列表boot
- BootStrap selectpickerboot
- BootStrap小結boot
- Bootstrap Mega Menuboot
- Bootstrap框架-----排版boot框架
- Bootstrap初學boot
- Bootstrap元件 - Wellboot元件
- bootstrap1boot
- Bootstrap 按鈕boot
- 瞭解BootStrapboot
- bootstrap含義boot
- 基於Bootstrap的標籤頁元件bootstrap-tabboot元件
- Bootstrap3外掛系列:bootstrap-select2boot
- bootstrap49-Bootstrap分割的按鈕下拉選單boot
- Bootstrap for MVC:Html.Bootstrap().TextBoxFor(model=>model.Name)bootMVCHTML
- bootstrap datepicker 在bootstrap modal中不顯示問題boot
- 基於Bootstrap的後臺管理皮膚:Bootstrap Metro Dashboardboot
- Bootstrap 排版介紹boot
- 【前端基礎】Bootstrap前端boot
- bootstrap 配置問題boot
- 初學 Bootstrap 表格boot
- 初學 Bootstrap 排版boot