javascript - 怎么把navbar-brand放在左边，ul navbar-pills li放在右边？

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