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

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

玩轉Bootstrap（基礎）

Bootstrap 4：
<div class="form-group">
<label for="ID">...</label>
<input type="text" id="ID" class="form-control" />
<small class="form-text text-muted">…</small>
</div>
Bootstrap 4：
<div class="form-group">
<label for="ID">...</label>
<input type="text" id="ID" class="form-control is-valid或is-invalid" />
</div>
Bootstrap 4：
btn-secondary：次要按鈕（灰色背景）
Bootstrap 4：
form-control-sm：小號控件
form-control-lg：大號控件
Bootstrap 4：
<form>
<div class="form-group row">
<label for="ID" class="col-* col-form-label">…</label>
<div class="col-*">
<input type="text" id="ID" class="form-control" />
</div>
</div>
</form>
Bootstrap 4：
<dl class="row">
<dt class="col-*">…</dt>
<dd class="col-*">…</dd>
</dl>
Bootstrap 4：
img-fluid：響應式
rounded：圓角
rounded-circle：橢圓形
img-thumbnail：縮略圖
Bootstrap 4：
form-check-inline：行內
Bootstrap 4：
<div class="form-check">
<input type="radio或checkbox" id="ID" class="form-check-input" />
<label for="ID" class="form-check-label">...</label>
</div>
我的理解：radio 是收音機，收音機的按鈕就是單選按鈕，一個按鈕按下，另一個按鈕就會彈起。
Bootstrap 4：
offset-*：所有屏幕
offset-sm-*：小號屏幕
offset-md-*：中號屏幕
offset-lg-*：大號屏幕
offset-xl-*：特大號屏幕
Bootstrap 4：
col-*：所有屏幕
col-sm-*：小號屏幕
col-md-*：中號屏幕
col-lg-*：大號屏幕
col-xl-*：特大號屏幕
Bootstrap 4：
table-sm：小號
Bootstrap 4：
table-success：成功（綠色）
table-info：信息（淺藍色）
table-warning：警告（黃色）
table-danger：危險（紅色）
table-active：活躍（灰色）
Bootstrap4：
<ul class="list-inline">
<li class="list-inline-item">...</li>
<li class="list-inline-item">...</li>
</ul>
首頁上一頁1234567下一頁尾頁
課程須知
本教程適合具有一定前端基礎的人員，對HTML和CSS有一定的了解，對于定制Bootstrap的同學需要具備LESS和Sass基礎知識。
老師告訴你能學到什么？
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web頁面或Web應用程序 3、如何定制個性化Bootstrap

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消