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

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

bootstrap快速入門

難度中級
時長 2小時 5分
學習人數
綜合評分9.37
179人評價 查看評價
9.6 內容實用
9.4 簡潔易懂
9.1 邏輯清晰
有沒有代碼資料
特別感謝哦，這個視頻好，幾個小時，快速帶領入門，節約時間，深入看官網文檔
一些英語的發音最好事先查一下，發音太糟糕了。
Bootstrap 4：
<div class="card">
<div class="card-header">...</div>
<div class="card-body">...</div>
<div class="card-footer">...</div>
</div>
bg-success：成功（綠色）
bg-info：信息（淺藍色）
bg-warning：警告（黃色）
bg-danger：危險（紅色）
Bootstrap 4：
bg-success：成功（綠色）
bg-info：信息（淺藍色）
bg-warning：警告（黃色）
bg-danger：危險（紅色）
Bootstrap 4：
<ul class="pagination">
<li class="page-item">
<a href="..." class="page-link">&laquo;</a>
</li>
<li class="page-item active">
<a href="..." class="page-link">...</a>
</li>
<li class="page-item">
<a href="..." class="page-link">&raquo;</a>
</li>
</ul>
Bootstrap 4：
<ul class="nav">
<li class="nav-item">
<a href="..." class="nav-link active">...</a>
</li>
<li class="nav-item">
<a href="..." class="nav-link">...</a>
</li>
</ul>
nav-justified：項目等寬
flex-column：項目垂直
Bootstrap 4：
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">...</span>
</div>
<input type="text" class="form-control" />
</div>
Bootstrap 4：
<div class="dropdown btn-group">
<button class="dropdown-toggle btn" data-toggle="dropdown">...</button>
<div class="dropdown-menu">
<a href="..." class="dropdown-item">...</a>
<div class="dropdown-divider"></div>
<a href="..." class="dropdown-item">...</a>
</div>
</div>
Bootstrap 4：
col-sm-*：在小號屏幕上指定寬度
col-md-*：在中號屏幕上指定寬度
col-lg-*：在大號屏幕上指定寬度
col-xl-*：在特大號屏幕上指定寬度
offset-sm-*：在小號屏幕上偏移
offset-md-*：在中號屏幕上偏移
offset-lg-*：在大號屏幕上偏移
offset-xl-*：在特大號屏幕上偏移
Bootstrap 4：
rounded：圓角
rounded-circle：橢圓形
Bootstrap 4：
form-control-sm：小號
form-control-lg：大號
is-valid：有效（綠色邊框）
is-invalid：無效（紅色邊框）
Bootstrap 4：
table-sm：小號
table-success：成功（綠色）
table-info：信息（淺藍色）
table-warning：警告（黃色）
table-danger：危險（紅色）
table-active：活躍（灰色）
66666
首頁上一頁1234567下一頁尾頁
課程須知
本教程適合具有一定前端基礎的人員，對HTML、CSS、JavaScript有一定的了解。
老師告訴你能學到什么？
（1）如何快速搭建網頁 （2）如何使用組件開發 （3）使用bootstrap插件實現網頁的開發

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消