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怎么写

汉堡菜单未在移动设备上显示