How to put the navbar-brand on the left and ul navbar-pills li on the right?

this is from bootstrap and i can't figure out how to put the navbar-brand on the left and ul navbar-pills on the right of the page. please help. thanks in advance

<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>

Answers


I'm not sure how bootstrap works but alone you can use the float properties. So it would look like this in your css file

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

If you've already implemented bootstrap and this doesn't work you'd need to look in bootstraps api for information. This does work with jquery though


Need Your Help

Mongo Reference Schema Collections

mongodb mongoose

I’m looking to confirm that my collection structures will correctly allow for the reference I’m trying to make between my collections. Ideally I have a parent collection labeled category, where the...

Haskell Servant and streaming

haskell amazon-s3 servant

I am trying to add a functionality to my servant server that would get a file from Amazon S3 and stream it back to the user.