2017-10-19 82 views
0

我已经在我的应用上安装了bootstrap-sass gem,并且我在屏幕的右侧放置了两个下拉菜单。它们都是水平对齐的,但是两个菜单太靠近对方,所以我想将它们分开一点。我也想将它们稍微调低一点。Rails:Bootstrap sass,下拉菜单之间的间距

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

回答

0

在用户之前使用HTML空间值。我的意思是

&nbsp;Users 

您也可以为他们移动了一点

div a{ padding-top: 1em; } 
做这样的事情