亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

玩轉Bootstrap（基礎）

bootStrap 是簡潔強大的前端開發框架，前端工具集；

是簡單、靈活的用于搭建web頁面的HTML，CSS，JavaScript的工具集

它基于HTML5與CSS3，卓越的兼容性
Bootstrap 4 版本遷移：
https://getbootstrap.com/docs/4.5/migration/
Bootstrap 4：
text-*：文本顏色
bg-*：背景顏色
border-*：邊框顏色
Bootstrap 4：
<div class="card">
<div class="card-header">...</div>
<div class="card-body">...</div>
<div class="card-footer">...</div>
</div>
Bootstrap 4：
<div class="card">
<div class="card-body">...</div>
</div>
Bootstrap 4：
<ul class="list-unstyled">
<li class="media">…</li>
<li class="media">…</li>
</ul>
Bootstrap 4：
<div class="media">
<img src="..." />
<div class="media-body">...</div>
</div>
<div class="media">
<div class="media-body">...</div>
<img src="..." />
</div>
Bootstrap 4：
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: ...%;">...</div>
</div>
Bootstrap 4：
<div class="progress">
<div class="progress-bar progress-bar-striped" style="width: ...%;">...</div>
</div>
Bootstrap 4：
bg-success：成功（綠色）
bg-info：信息（淺藍色）
bg-warning：警告（黃色）
bg-danger：危險（紅色）
Bootstrap 4：
alert-dismissible：可關閉
Bootstrap 4：
<ul class="pagination">
<li class="page-item">
<a href="..." class="page-link">...</a>
</li>
<li class="page-item">
<a href="..." class="page-link">...</a>
</li>
</ul>
Bootstrap 4：
navbar-light：深灰色文本
navbar-dark：淺灰色文本
bg-*：背景顏色
首頁上一頁1234567下一頁尾頁
課程須知
本教程適合具有一定前端基礎的人員，對HTML和CSS有一定的了解，對于定制Bootstrap的同學需要具備LESS和Sass基礎知識。
老師告訴你能學到什么？
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web頁面或Web應用程序 3、如何定制個性化Bootstrap

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消