首頁 > web前端 > html教學 > 李炎恢bootstrap影片分享

李炎恢bootstrap影片分享

巴扎黑
發布: 2017-08-30 16:12:30
原創
1475 人瀏覽過

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原始碼進行效能優化而來

李炎恢bootstrap影片分享

影片播放位址:http: //m.sbmmt.com/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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板