麥子學院bootstrap入門影片資料分享

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新特效

8992ff3cb492f8297826349b88b246cf--這樣做在小螢幕上看的時候會自動出現水平捲軸，大螢幕自動消失

老師講課風格：

教師講課生動形象，機智詼諧，妙語連珠，動人心弦。一個生動形象的比喻，猶如畫龍點睛，給學生開啟智慧之門；一種恰如其分的幽默，引來學生會心的微笑，如飲一杯甘醇的美酒，給人以回味和留戀；哲人的警句、文化的箴言不時穿插於講述中間，給人思考和警醒。

以上是麥子學院bootstrap入門影片資料分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！