Rails: Bootstrap sass, 下拉菜单间距

Question

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

<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

在用户之前使用 HTML space 值。我是说

&nbsp;Users

你也可以像这样把它们往下移一点

div a{ padding-top: 1em; }

Rails: Bootstrap sass, 下拉菜单间距

Rails: Bootstrap sass, spacing between dropdown menu

css

ruby-on-rails

bootstrap-sass

bootstrap-4