我已经在应用程序上安装了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>

最佳答案

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

&nbsp;Users


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

div a{ padding-top: 1em; }

关于css - Rails:Bootstrap sass,下拉菜单之间的间距,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46828447/

10-16 19:30