gpt4 book ai didi

javascript - Bootstrap 导航中的居中对齐导航项

转载 作者:行者123 更新时间:2023-11-30 15:48:17 24 4
gpt4 key购买 nike

<分区>

我试图将我的导航栏元素水平居中对齐,但它们是向左对齐的。

有人可以提供帮助吗?

这是一个桌面问题 - 需要说明的是,我在桌面级别遇到了这个问题。

这是我当前的代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<header class="container">
<div id="menu" class="navbar navbar-default">
<div class="navbar-header">
<button class="btn btn-success navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="glyphicon glyphicon-chevron-down"></span>
</button>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="nav active"><a href=".">Home</a>
</li>
<li class="nav"><a href="about.html">About</a>
</li>
<li class="nav"><a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</header>

演示: https://jsfiddle.net/cjoasysz/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com