【问题标题】:Rails: Bootstrap sass, spacing between dropdown menuRails:Bootstrap sass,下拉菜单之间的间距
【发布时间】:2017-10-19 11:03:11
【问题描述】:

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

【问题讨论】:

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


    【解决方案1】:

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

    &nbsp;Users
    

    你也可以做这样的事情来把它们往下移一点

    div a{ padding-top: 1em; }
    

    【讨论】:

      猜你喜欢
      • 2017-03-03
      • 1970-01-01
      • 2021-02-27
      • 1970-01-01
      • 2013-11-18
      • 2014-01-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多