在我的屏幕调整为更小的尺寸后,我试图将我的导航栏居中。我已确保我的课程包含我的导航:.menu
具有以下内容
display:
inline-block;
margin: 0px auto;
它仍然没有中心...
但是,我的徽标包含在上面的 div 中,具有相同的属性,并且能够在屏幕调整大小时居中。
我的菜单 HTML
<nav class="navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".sidebar-nav">
<span class="fa fa-bars"> </span>
</button>
<a href="javascript:void(0)" class="navbar-brand logo-top"> </a>
</div>
<div class="sidebar-offcanvas sidebar-nav" role="navigation">
<ul class="menu">
<li class="active"><a href=“#A" data-section=“A”>A</a></li>
<li><a href=“#B" data-section=“B”>B</a></li>
<li><a href=“#C" data-section=“C”>C</a></li>
<li><a href=“#D" data-section=“D”>D</a></li>
<li><a href=“#E" data-section=“E”>E</a></li>
</ul>
</div>
</nav>
有人可以给我一些见解吗?