Rails: Bootstrap sass, espacement entre le menu déroulant

Question

J'ai installé bootstrap-sass gem sur mon application et j'ai deux menus déroulants placés sur le côté droit de l'écran. Les deux sont alignés horizontalement mais les deux menus sont trop proches les uns des autres, donc je voudrais les espacer un peu. Je voudrais aussi les déplacer un peu plus bas.

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

Answer 1

Utilisez la valeur d'espace HTML avant User. Je veux dire

 Users 

vous pouvez également faire quelque chose comme ça pour les déplacer vers le bas un peu

div a{ padding-top: 1em; }