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

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

玩轉Bootstrap（基礎）

Bootstrap 4：
<nav class="navbar">
<a href="..." class="navbar-brand">...</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#ID">
<span class="navbar-toggler-icon"></span>
</button>
<div id="ID" class="navbar-collapse collapse">
<ul class="navbar-nav">...</ul>
</div>
</nav>
Bootstrap 4：
fixed-top：固定在頂部
fixed-bottom：固定在底部
Bootstrap 4：
<nav class="navbar">
<span class="navbar-text">...</span>
</nav>
Bootstrap 4：
<nav class="navbar">
<form class="form-inline">
<input type="text" class="form-control" />
<button type="submit" class="btn">...</button>
</form>
</nav>
Bootstrap 4：
<nav class="navbar">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="..." class="nav-link dropdown-toggle" data-toggle="dropdown">...</a>
<div class="dropdown-menu">
<a href="..." class="dropdown-item">...</a>
</div>
</li>
</ul>
</nav>
Bootstrap 4：
<nav class="navbar">
<a href="..." class="navbar-brand">...</a>
<ul class="navbar-nav">
<li class="nav-item">
<a href="..." class="nav-link">...</a>
</li>
<li class="nav-item">
<a href="..." class="nav-link">...</a>
</li>
</ul>
</nav>
Bootstrap 4：
<nav class="navbar navbar-expand-*">
<ul class="navbar-nav">
<li class="nav-item">
<a href="..." class="nav-link">...</a>
</li>
<li class="nav-item">
<a href="..." class="nav-link">...</a>
</li>
</ul>
</nav>
Bootstrap 4：
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="...">...</a>
</li>
<li class="breadcrumb-item">
<a href="...">...</a>
</li>
<li class="breadcrumb-item active">...</li>
</ol>
Bootstrap 4：
flex-column：垂直
下拉菜單分割線不是 divider 嗎？
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 disabled">...</a>
</li>
</ul>
Bootstrap 4：
<ul class="nav">
<li class="nav-item">
<a href="..." class="nav-link">...</a>
</li>
<li class="nav-item">
<a href="..." class="nav-link">...</a>
</li>
</ul>
Bootstrap 4：
<h* class="dropdown-header">...</h*>
Bootstrap 4：
<div class="dropdown-divider"></div>
Bootstrap 4：
<div class="dropdown">
<button class="dropdown-toggle btn" data-toggle="dropdown">...</button>
<div class="dropdown-menu">
<a href="..." class="dropdown-item">...</a>
<a href="..." class="dropdown-item">...</a>
</div>
</div>
首頁上一頁1234567下一頁尾頁
課程須知
本教程適合具有一定前端基礎的人員，對HTML和CSS有一定的了解，對于定制Bootstrap的同學需要具備LESS和Sass基礎知識。
老師告訴你能學到什么？
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web頁面或Web應用程序 3、如何定制個性化Bootstrap

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消