Question

这是来自bootstrap，我无法弄清楚如何将navbar-brand放在左侧，并在页面右侧显示ul navbar-pills。请帮忙。提前谢谢

<div class="page-wrap">

<div class="navmenu">

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#index">
             <img alt="Brand" src="brand.png">
          </a>

        </div>
    </div>
</nav>

    <ul class="nav nav-pills">
        <li role="presentation"><a href="#about">ABOUT</a></li>
        <li role="presentation"><a href="#portfolio">PORTFOLIO</a></li>
        <li role="presentation"><a href="#blog">BLOG</a></li>
        <li role="presentation"><a href="#contact">CONTACT</a></li>
    </ul>

</div></div>

Answer 1

我不确定bootstrap是如何工作的，但是你可以使用float属性。所以它在你的css文件中看起来像这样

.navbar{
    float:left;
}
.nav-pills{
    float:right;
}

如果你已经实现了bootstrap并且这不起作用，你需要查看bootstraps api以获取信息。这适用于jquery但

如何将导航栏品牌放在左侧，将ul navbar-pills li放在右侧？

1 个答案: