html - Logo 下方的 Bootstrap 3 导航栏

标签 html css twitter-bootstrap twitter-bootstrap-3 navbar

我是 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/

相关文章:

html - Wordpress - 删除默认样式

css - 使用 CSS 设置 XML 样式时,如何引用包含句点或冒号的标签名称?

html - 如何根据宽度大小重新调整文本大小?

javascript - Bootstrap 帮助 block 仅在表单组有错误时显示

php - 如何使用按钮选择列表的最新或下一个元素

javascript - 如何隐藏点击的元素并显示不同的元素

javascript - 在外部 javascript 文件中获取 asp 控件 ID 的最佳方法是什么?

html - 如何在不移动其他div的情况下放大悬停时的div

php - 在声明中更改字体大小

jquery - 如何在 jQuery 中单击公共(public)类打开相同的模式