0
我正在构建一个响应式汉堡包下拉菜单,它具有bootstrap和im,并且菜单在点击时下拉的位置存在问题。我想下的标志出现在菜单上,但它似乎它的权利(在同一行)。Bootstrap汉堡包菜单自定义
这里是我的代码screenshot
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DeepRoot Productions</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--Navbar-->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!--Logo-->
<div class="navbar-brand logo">
<p>DeepRoot Productions</p>
</div>
<!--Hamburger Menu-->
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--Full-Width Navbar-->
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a class="right-space" href="#">Home</a></li>
<li><a class="right-space" href="#">Portfolio</a></li>
<li><a class="right-space" href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
谢谢!这个确实做到了! – KingsleyZ
现在我该如何中心这些列表项?大声笑 – KingsleyZ
如果你希望他们只能以移动宽度为中心,我用CSS中的媒体查询更新提琴,所以请检查小提琴并让我知道这就是你要找的东西。 –