如何将navbar-brand放在左侧，并在右侧放置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

我不确定引导程序如何工作，但你可以使用浮动属性。因此，它看起来像这样在你的CSS文件

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

如果您已经实现自举，这不工作，就需要在白手起家的API来寻找信息。这不使用jQuery的工作，虽然