我一直在學習使用bootstrap,所以我決定使用它來創建一個導航欄。所以,我決定嘗試並集中它,所以我在網上尋找解決方案,但沒有一個能夠工作。所以請你能告訴我該怎麼做。如何使用css居中導航欄
HTML:
</head>
<body>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Items <span class="sr-only"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Item 1</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Item 2 </a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Item 3</a></li>
</ul></li>
</ul>
</div>
Current CSS:
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}
.navbar .navbar-collapse {
text-align: center;
}