css - Rails : Bootstrap sass, 下拉菜单之间的间距

Question

我已经在我的应用程序上安装了 bootstrap-sass gem，并且在屏幕右侧放置了两个下拉菜单。它们都是水平对齐的，但是两个菜单彼此靠得太近，所以我想将它们隔开一点。我也想将它们向下移动一点。

<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

在 User 之前使用 HTML 空格值。我是说

 Users

你也可以做这样的事情来将它们向下移动一点

div a{ padding-top: 1em; }