Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡(jiǎn)潔靈活，使得 Web 開發(fā)更加快捷.它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC（微軟全國(guó)廣播公司）的Breaking News都使用了該項(xiàng)目。 國(guó)內(nèi)一些移動(dòng)開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來

視頻播放地址：http://www.php.cn/course/387.html

學(xué)習(xí)時(shí)需要注意：

*Bootstrap是Twitter推出的一個(gè)開源的用于前端開發(fā)的工具包。它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC（微軟全國(guó)廣播公司）的Breaking News都使用了該項(xiàng)目。 *

Bootstrap是基于jQuery框架開發(fā)的，它在jquery框架的基礎(chǔ)上進(jìn)行了更為個(gè)性化和人性化的完善，形成一套自己獨(dú)有的網(wǎng)站風(fēng)格，并兼容大部分jQuery插件。

Bootstrap的源代碼是使用less編寫的

Bootstrap的js效果都是基于jquery的，所以一般要先引入jquery代碼

使用：

引入 bootstrap.min.css文件

簡(jiǎn)單案例1：

--看看會(huì)有什么效果

table-striped可以使奇數(shù)行的背景設(shè)為灰色。

table-bordered可以使邊框顯示。

table-hover可以使鼠標(biāo)懸停的行的背景變?yōu)榛疑?/p>

table-condensed可以使行間距變小。

<table class="table">
<tr>
<td class="active">姓名</td> 
<td class="success">年齡</td>  成功或積極動(dòng)作
<td class="warning">職業(yè)</td> 注意
</tr>
<tr>
<td class="danger">張三</td> 危險(xiǎn)
<td>18</td>
<td>程序員</td>
</tr>
</table>

響應(yīng)式表格 Bootstrap3.0新特效

<div class="table-responsive">--這樣做在小屏幕上看的時(shí)候會(huì)自動(dòng)出現(xiàn)水平滾動(dòng)條，大屏幕自動(dòng)消失

以上就是李炎恢bootstrap視頻資料分享的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！