html Bootstrap汉堡菜单
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html Bootstrap汉堡菜单相关的知识,希望对你有一定的参考价值。
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Меню хедер-->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Меню</a>
</div>
<!-- Меню айтемз -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"">
<ul class="nav navbar-nav">
<li class="menu-item"><a href="#header">Главная</a></li>
<li class="menu-item"><a href="#company_about">О нас</a></li>
<li class="menu-item"><a href="#offer">Услуги</a></li>
<li class="menu-item"><a href="#projects">Наши работы</a></li>
<li class="menu-item"><a href="#form">Контакты</a></li>
</ul>
</div>
</div>
</nav>
以上是关于html Bootstrap汉堡菜单的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 Bootstrap 4 的左手汉堡忽略菜单折叠中的项目?
拥有汉堡菜单始终可见的引导布局的最简单方法
VueJS 在路线更改时关闭汉堡菜单
使用 Bootstrap,如何在外部单击后关闭菜单?
汉堡按钮 css怎么写
汉堡菜单未在移动设备上显示