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

时间:2017-10-19 11:03:12

标签: css ruby-on-rails bootstrap-4 bootstrap-sass

我在我的应用上安装了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>

1 个答案:

答案 0 :(得分:0)

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

&nbsp;Users

此外,你可以做一些这样的事情来将它们向下移动

div a{ padding-top: 1em; }