2017-10-19 3 views
0

私のアプリにbootstrap-sass gemをインストールしました。画面の右側に2つのドロップダウンメニューがあります。どちらも水平に整列されていますが、2つのメニューは互いに接近しているので、少し外に出したいと思います。また、私はそれらを少し下に移動したいと思います。Rails:ブートストラップSass、ドロップダウンメニュー間の間隔

<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> 

答えて

0

ユーザーの前にHTMLスペース値を使用します。私は

&nbsp;Users 

はまた、あなたが少し

div a{ padding-top: 1em; } 
をそれらを移動するため、このような何かを行うことができます意味します