2015-09-06 26 views
2

我試圖在網頁上均勻隔開5個頁腳頂部的鏈接。我不知道如何去做這件事,以便它保持均勻的間距和居中,而不管屏幕大小和窗口最小化。到目前爲止,我所擁有的HTML是:在引導過程中在列中均勻分配超鏈接標記

<div id="topfooter"> 
    <div class="containter"> 
     <div class="row"> 
      <div class="col-lg-10 col-lg-offset-1"> 
       <a href="#">Link 1</a> 
       <a href="#">Link 2</a> 
       <a href="#">Link 3</a> 
       <a href="#">Link 4</a> 
       <a href="#">Link 5</a> 
      </div> 
     </div> <!--row--> 
    </div><!--container--> 
</div><!--topfooter--> 

謝謝!

+0

你能解釋一下更清楚你想要什麼嗎? – AleshaOleg

+0

你使用哪種引導版本? –

+0

版本3,我只是試圖讓超鏈接在頁面上水平均勻地顯示出來 – coopwatts

回答

0

使用更多引導程序!

<div id="topfooter"> 
    <div class="containter"> 
     <div class="row"> 
      <div class="col-lg-2 col-lg-offset-1 text-center"> 
        <a href="#">Link 1</a> 
       </div> 
       <div class="col-lg-2 text-center"> 
        <a href="#">Link 2</a> 
       </div> 
       <div class="col-lg-2 text-center"> 
        <a href="#">Link 3</a> 
       </div> 
       <div class="col-lg-2 text-center"> 
        <a href="#">Link 4</a> 
       </div> 
       <div class="col-lg-2 text-center"> 
        <a href="#">Link 5</a> 
       </div>     
      </div> 
     </div> <!--row--> 
    </div><!--container--> 
</div><!--topfooter--> 
+0

我原本是將每個超鏈接放在自己的列中,但不確定這是否是最好的方式。我會盡快嘗試,並根據結果更新問題的答案。謝謝! – coopwatts