gpt4 book ai didi

html - 像 Bootstrap 3 中那样的 Bootstrap 4 导航栏菜单(移动)样式?

转载 作者:行者123 更新时间:2023-12-04 03:19:22 26 4
gpt4 key购买 nike

<分区>

Bootstrap 4 示例

enter image description here

Bootstrap 3 示例

enter image description here

如何像在 Bootstrap 3 中一样获取 Bootstrap 4 菜单?

此代码来自 bootstrap 4 http://v4-alpha.getbootstrap.com/examples/navbar/ :

<div class="container">
<nav class="navbar navbar-light bg-faded">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header">
&#9776;
</button>
<div class="collapse navbar-toggleable-xs" id="navbar-header">
<a class="navbar-brand" href="#">Navbar</a>
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
</ul>
<form class="form-inline pull-xs-right">
<input class="form-control" type="text" placeholder="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</nav> <!-- /navbar -->
</div><!-- /container -->

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com