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如何把东西放在页脚的中间

回答

相关问题