bootstrap如何把東西放在頁腳的中間

嗨，大家好，我使用引導程序，我已經想出瞭如何將東西放在頁腳的左側和右側，但我不知道如何將東西中間bootstrap如何把東西放在頁腳的中間

HTML：

<div class="footer"> 
    <div class="container"> 
     <div class="navbar-text pull-left"> 
      <div class="logo1"> 
       <p style="font-size: 24px; font-weight: 900; color: #F8BD23;">here</p> 
       <p>a,<br> 
       b,<br> 
       c,<br> 
       d<br></p> 
      </div> 
     </div> 
     <div class="navbar-text pull-right"> 
      <a href="a"><i class="fa fa-facebook fa-2x"></i></a><a href="b"><i class="fa fa-instagram fa-2x"></i></a> 
     </div> 
    </div> 
</div>

CSS：

.footer { 
    background-color: black; 
    padding-top: 10px; 
} 

.navbar-text > a { 
    color: #FFF; 
    padding: 5px; 
} 

.logo1 p { 
    color: #FFF; 
    margin-top: 2px; 
}

對不起只是清理混亂，我想3列基本那麼它應該像

Col 1   Col 2      Col 3

來源

2017-08-03 RonTheOld

換句話說，您希望「這裏」，「a」，「b」，「c」，「d」都是中心對齊的嗎？ – JakeParis

最佳做法是在單頁行下使用3列，該列將包含在頁腳內。就將頁腳分爲左，中，右而言，左右拖動頁腳不會給您帶來好的結果。 –

@NikosGatzoulis非常感謝你，只是想通了:) haha x – RonTheOld

固定我自己的問題，我想只用一排，並堅持3個coloums，

<div class="row"> 
    <div class="col-xs-12 col-sm-6 col-md-4"></div> 
</div> 
    <div class="col-xs-12 col-sm-6 col-md-4"></div> 
</div> 
    <div class="col-xs-12 col-sm-6 col-md-4"></div> 
</div>

不知道我可以使用，在頁腳，再次感謝您的幫助x

來源

2017-08-03 14:11:58 RonTheOld

嘗試這樣的：

添加「文本中心」類的容器。所以，你最終會與此：

<div id="footer"> 
    <div class="container text-center"> 
    <p class="text-muted credit" style="color:#fff">xyz</p> 
    </div> 
</div>

來源

2017-08-03 14:04:33

bootstrap如何把東西放在頁腳的中間

回答

相關問題