Bootstrap 3 Multiple Nav bar Menus - twitter-bootstrap-3

Question

I am using this Bootstrap 3's example menu page for my site:
http://getbootstrap.com/examples/jumbotron/
When you shrink the page the menu at the top collapses into a single drop down list.
On my page I have two menues at the top left and right however when I shrink my page I don't get two drop down menues.
I would like it so that when I shrink the page I get two collapsed menues. Is this possible?

Answer 1

Try this: http://bootply.com/79216 i add to button (different) target align the second menu to the right with navbar-right and add some css to reset the float and display of the navbars.
html
<nav class="navbar navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex2-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="active">Link</li>
<li>Link</li>
<li class="dropdown">
Dropdown <b class="caret"></b>
<ul class="dropdown-menu">
<li>Action</li>
<li>Another action</li>
<li>Something else here</li>
<li>Separated link</li>
<li>One more separated link</li>
</ul>
</li>
</ul>
</div>
<div class="collapse navbar-collapse navbar-ex2-collapse">
<ul class="nav navbar-nav navbar-right">
<li>Link</li>
<li class="dropdown">
Dropdown <b class="caret"></b>
<ul class="dropdown-menu">
<li>Action</li>
<li>Another action</li>
<li>Something else here</li>
<li>Separated link</li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
css
.navbar-collapse:before, .navbar-collapse:after{display:inline; content:"";}