- 1.Bootstrap介紹_柵格系統(tǒng)
- 2.禁用響應(yīng)式_響應(yīng)式分界點(diǎn)
- 3.排版_代碼
- 4.圖片_圖片框
- 5.表格
- 6.邊框_浮動(dòng)
- 7.顏色_Display顯示屬性
- 8.文本處理_垂直對(duì)齊_規(guī)格與尺寸
- 9.間隔_陰影
- 10.定位_顯示或隱藏_關(guān)閉圖標(biāo)
- 11.嵌入_圖像替換_讀屏器
- 12.flex彈性布局
- 13.警告提示框(Alert)
- 14.徽章_面包屑導(dǎo)航
- 15.按鈕(Button)
- 16.下拉菜單(Dropdowns)
- 17.按鈕組(Btn-group)
- 18.Input輸入框及輸入框群組
- 19.表單(Form)
- 20.輪播效果(Carousel)
- 21.廣告大塊屏幕_列表組
- 22.媒體對(duì)象-圖文混排(Media-object)
- 23.彈出提示框(Toast)
- 24.提示冒泡(Tooltip)
- 25.POP提示(Popover)
- 26.彈出模態(tài)框(Modal)
- 27.導(dǎo)航-滑動(dòng)門(nav)
- 28.導(dǎo)航欄(navbar)
- 29.卡片(Card)
- 30.折疊面板(Collapse)
- 31.分頁_進(jìn)度條
- 32.滾動(dòng)監(jiān)聽(Scrollspy)
- 33.旋轉(zhuǎn)特效(Spinners)
- 34.字體圖標(biāo)
由張誠老師主講的 Bootstrap 開源項(xiàng)目;是最受歡迎的 HTML、CSS 和 JS 框架,用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目。
作為一個(gè)優(yōu)秀的WEB UI設(shè)計(jì)師,前端工程師你應(yīng)該熟練掌握該框架,學(xué)習(xí)該布局框架,將讓你的項(xiàng)目頁面布局,前端開發(fā)更加簡單,更完美,更快。可以輕松實(shí)現(xiàn)開發(fā)能夠自動(dòng)適應(yīng)不同尺寸屏幕和瀏覽器的響應(yīng)式網(wǎng)站。
框架介紹:
Bootstrap是Twitter推出的一個(gè)開源的用于前端開發(fā)的工具包。它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā),是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,它即是由動(dòng)態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎,一直是GitHub上的熱門開源項(xiàng)目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項(xiàng)目。
