Bootstrap

藍桉2發表於2020-10-09

bootstrap是現在比較流行的一套開源的html框架,功能也在不斷的完善,我覺得他的精髓就在柵格化佈局,巧妙的將網頁分為12列來動態的改變網頁,同時提供各種不同的類(class)來輔助開發者完成自己想要的樣子。同時還可以做到私人訂製,因為他使用less、sass等CSS預處理工具,所以我們可以通過改變他來實現自己想要的效果。


2859361-cede74eea257fca9.png

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" 這樣顯示的就是圖片顯示是一個圓形。

相關文章