Hi,

Newbie here. I'm trying to put together a navbar using Bootstrap. There should be three buttons on the left, and there should be another button to the right of the navbar. I can't get the fourth button on the right corner.

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
          <div class="container">
              <div class="nav-collapse collapse">
                  <ul class="nav" id="nav_list">

                      <div class="btn-group">
                          <button class="btn category" id="category_1" data-toggle="button">a</button>
                          <button class="btn category" id="category_2" data-toggle="button">b</button>
                          <button class="btn category" id="category_3" data-toggle="button">c</button>
                      </div>

                      <div class="nav-collapse collapse pull-right">
                          <ul class="nav" id="nav_options" style="text-align: right">
                              <div class="button">Options</button>
                          </ul>
                      </div>

                  </ul>
              </div><!--/.nav-collapse -->
          </div>
      </div>
    </div> <!-- /navbar -->

This doesn't work.

Any ideas?

(Wanted to post this on codepen, but it doesn't support bootstrap, right?)