bootstrap是現(xiàn)在比較流行的一套開源的html框架,功能也在不斷的完善陵叽,我覺(jué)得他的精髓就在柵格化布局屡律,巧妙的將網(wǎng)頁(yè)分為12列來(lái)動(dòng)態(tài)的改變網(wǎng)頁(yè),同時(shí)提供各種不同的類(class)來(lái)輔助開發(fā)者完成自己想要的樣子芒划。同時(shí)還可以做到私人訂制,因?yàn)樗褂胠ess欧穴、sass等CSS預(yù)處理工具民逼,所以我們可以通過(guò)改變他來(lái)實(shí)現(xiàn)自己想要的效果。
Bootstrap插件全部依賴于jQuery,因此jQuery必須在Bootstrap之前引入苔可,就像在基本模板中所展示的一樣缴挖。
大部分都是通過(guò)class屬性來(lái)定義,例如可以定義<div class="h1">我是h1</h1>,那么顯示的就是h1的特性焚辅。class屬性有:small ? lead ? text-left ? text-center ?text-right ?text-justity ?text-nowrap
可以設(shè)置table ?<table class="table table-striped table-bordered table-hover table-condensed">
給table的class值可以設(shè)置danger ?success ?info ?等等映屋。
table-hover指鼠標(biāo)滑過(guò)之后會(huì)顯示顏色
table-striped是顯示偶數(shù)行和奇數(shù)行顯示不同的顏色
success是顯示綠色苟鸯,danger顯示紅色,info顯示這一格天藍(lán)色
img屬性 ? class="img-circle" 這樣顯示的就是圖片顯示是一個(gè)圓形棚点。