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

<div class="table-responsive">--這樣做在小屏幕上看的時候會自動出現水平滾動條，大屏幕自動消失

以上就是李炎恢bootstrap視頻資料分享的詳細內容，更多請關注php中文網其它相關文章！