小编ram*_*n00的帖子

Bootstrap 4移动导航栏从左侧滑动

我正在使用最新版本的bootstrap.我自己尝试了各种各样的东西,之后我想我可能会在stackoverflow上找到一些东西.但善良没有得到这个东西.我的意思是它如何运作?

这是我的代码.我不会在这里添加任何自定义样式,因为它们没有真正起作用,反而他们创建了一些错误.

我也检查了这篇文章也Bootstrap - 如何从左边而不是从顶部滑动导航栏我尝试了所有的答案,但它不适合我.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

    <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
	<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
	<span class="navbar-toggler-icon"></span>
	</button>
	<a class="navbar-brand" href="">Roknil Style</a>
	<div class="collapse navbar-collapse" id="navbarCollapse">
		<ul class="navbar-nav mr-auto">
			<li class="nav-item active">
				<a class="nav-link" href="#">Home</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" href="#">Link</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" href="#">About</a>
			</li>
		</ul>
		<form class="form-inline mt-2 mt-md-0">
		<input class="form-control mr-sm-2" type="text" placeholder="Search">
		<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
		</form>
	  </div>
    </nav> …
Run Code Online (Sandbox Code Playgroud)

css jquery sidebar navbar bootstrap-4

6
推荐指数
2
解决办法
3万
查看次数

标签 统计

bootstrap-4 ×1

css ×1

jquery ×1

navbar ×1

sidebar ×1