Bootstrap是由Twitter發表一款目前最受歡迎的前端框架。 Bootstrap基於HTML、CSS、JAVASCRIPT的，它簡潔靈活，將常見的CSS佈局、常用組件和JavaScript插件進行了完整並完善的封裝，能讓沒有經驗的前端工程師和後端開發工程師都迅速掌握和使用，大幅提高開發效率，它還在某種程度上規範前端團隊編寫CSS和JavaScript的規格。總之學習Bootstrap可以讓你很輕鬆地開發出響應式的WEB專案。 《麥子學院bootstrap入門影片教學》將幫助你輕鬆入門bootstrap。
影片播放位址：http://www.php.cn/course/324.html
首頁> html教學 >正文
李炎恢bootstrap影片資料分享
作者：default|標籤：bootstrap 影片資料 分享|2017-8-30 16:12
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://www.php.cn/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中文網其他相關文章！
