gpt4 book ai didi

html - Logo 下方的 Bootstrap 3 导航栏

转载 作者:太空宇宙 更新时间:2023-11-04 01:22:07 24 4
gpt4 key购买 nike

我是 Bootstrap 3 的新手,我仍在学习中。到目前为止,我设法制作了一个带有 Logo 和链接的简单导航栏。我现在正在尝试将我的 Logo 放在上方,将导航栏放在 Logo 下方。我使用了 HTML 分隔符,但这只是在我的栏下行字之间留出空间。

代码:

<nav class="navbar navbar-default navbar-static-top">
<div class="container">

<div class="navbar-header">
<a class="navbar-brand" href="#">Super Signals</a>
</div>
<br>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Targets</a></li>
<li><a href="#">Contact</a></li>
</ul>

</div>
</nav>

这是我现在拥有的:

enter image description here

这就是我想要的:

enter image description here

最佳答案

添加 float: initial; 到 navbar-header 类

关于html - Logo 下方的 Bootstrap 3 导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48834095/

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