After adding the bootstrap-sass gem to my app, I have implemented two dropdown menus on the right side of the screen. Although they are horizontally aligned, I find that they are too close to each other. I would like to create some space between them and also move them down a bit.
<div class="container">
<div class="row">
<div class="nav-collapse align-right">
<div class="dropdown pull-right ">
<a class="dropdown-toggle" data-toggle="dropdown" href="">
Views
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li>....</li>
<li>...</li>
</ul>
</div>
<div class="dropdown pull-right">
<a class="dropdown-toggle" data-toggle="dropdown" href="">
Users
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li>....</li>
<li>...</li>
</ul>
</div>
<% end %>
</div>
</div>
</div>