李炎恢bootstrap影片分享

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中文網其他相關文章！