Bootstrap,來自 Twitter,是目前很受歡迎的前端框架。 Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。 Bootstrap提供了優雅的HTML和CSS規範,它也就是由動態CSS語言Less寫成。 Bootstrap一推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。 國內一些行動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap原始碼進行效能優化而來
影片播放位址:http: //m.sbmmt.com/course/387.html
學習時需要注意:
*Bootstrap是Twitter推出的一個開源的用於前端開發的工具包。它是由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。 Bootstrap提供了優雅的HTML和CSS規範,它也就是由動態CSS語言Less寫成。 Bootstrap一推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。 *
Bootstrap是基於jQuery框架開發的,它在jquery框架的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格,並兼容大部分jQuery插件。
Bootstrap的原始碼是使用less寫的
Bootstrap的js效果都是基於jquery的,所以一般要先引入jquery程式碼
使用:
引入bootstrap.min.css檔案
簡單案例1:
--看看會有什麼效果
table-striped可以讓奇數行的背景設為灰色。
table-bordered可以使邊框顯示。
table-hover可以使滑鼠懸停的行的背景變成灰色
table-condensed可以使行間距變小。
<table class="table"> <tr> <td class="active">姓名</td> <td class="success">年龄</td> 成功或积极动作 <td class="warning">职业</td> 注意 </tr> <tr> <td class="danger">张三</td> 危险 <td>18</td> <td>程序员</td> </tr> </table>
響應式表格Bootstrap3.0新特效
以上是李炎恢bootstrap影片分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!