ブートストラップと等しい水平メニュータイトルのスペーシング

Question

等幅のブートストラップcol-md-2カラムにいくつかのメニューリンクがありますが、リンクテキストの長さは異なります。どのようにリンクテキストのスペースを均等にするのが最適でしょうか？ col-md-1とcol-md-3の間で列クラスを変更しても、正確な調整は十分に行われません。

私はここでフィドルのセットアップをしました：https://jsfiddle.net/nickwuk/hr4fm4gf/

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-sm-12"> 
     <div id="footer"> 
      <div class="container"> 
       <div class="row rowtopmargin"> 
        <div id="footpayments" class="col-sm-6 col-md-3">Logo</div> 
        <div class="col-sm-6 col-md-9"> 
         <div class="row"> 
          <div class="col-md-2 footerlinks col-md-offset-1"><a href="#">Contact</a></div> 
          <div class="col-md-2 footerlinks fl2"><a href="#">Data Sheets</a></div> 
          <div class="col-md-2 footerlinks"><a href="#">Samples Policy</a></div> 
          <div class="col-md-2 footerlinks"><a href="#">Terms</a></div> 
          <div class="col-md-2 footerlinks"><a href="#">FAQ</a></div> 
          <div class="clearfix visible-md-block visible-lg-block footermenuseperator"></div> 
          <div class="col-md-2 footerlinks col-md-offset-1"><a href="#">Promise</a></div> 
          <div class="col-md-2 footerlinks"><a href="#">Testimonials</a></div> 
          <div class="col-md-2 footerlinks"><a href="#">Privacy Policy</a></div> 
          <div class="col-md-2 footerlinks"><a href="index.php">Home</a></div> 
          <div class="col-md-2 footerlinks last"><a href="#">Case Studies</a></div> 
          <div class="clearfix visible-md-block visible-lg-block footermenuseperator"></div> 
         </div> 
        </div> 
       </div> 
       <!-- end #footer --> 
      </div> 
     </div> 
    </div> 
    <!-- end container fluid --> 
</div> 

Answer 1

あなたはので、私はあなたを示唆しているリンクスペースを調整するために、既に左右のパディングが付属してブートストラップとブートストラップクラスを使用していますこんにちはcol-md-2クラスから右側のパディングを削除してから別のクラスに割り当てます。私が使用し

Answer 2

ソリューションは、CSSの私は、次を追加し、新しいパーセント幅を指定された各div要素に新しいクラスを追加しました：「？どのように最高の均等にスペースリンクテキストだろう」

@media (min-width: 992px) { 
.w14pc {width:14.25%} 
.w185pc {width:18.5%} 
.w20pc {width:20.385%} 
.w12pc {width:12.2%} 
.w18pc {width:18%} 
}