如何在引导程序中居中响应图像？ [复制]答案

【问题标题】：How do I centre responsive images in bootstrap? [duplicate]如何在引导程序中居中响应图像？ [复制]
【发布时间】：2017-10-28 04:04:18
【问题描述】：

你好，我的网站底部有一个小小的“facebook、instagram、twitter”图标。我无法让图像居中？请帮忙！

HTML：

<div class="container-fluid2"><img src="../Website Pic/Capture.PNG" 
alt="Placeholder image" width="90" class="img-responsive-icon"><img 
src="../Website Pic/Capt1ure.PNG" alt="Placeholder image" width="85" 
class="img-responsive-icon"><img src="../Website Pic/f.PNG" alt="Placeholder 
image" width="72" class="img-responsive-icon"></div>

CSS：

.img-responsive-icon {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
float: none;
padding-bottom: 5px;
padding-top: 25px;
max-height: none;

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

引导方法是添加“text-center”类。

<div class="container-fluid2 text-center"></div>

【讨论】：

【解决方案2】：

.container-fluid2 {
  text-align: center;
}

text-align: center to parent container 会做到这一点。

链接在这里：https://jsfiddle.net/zzzu88ww/

【讨论】：

【解决方案3】：

试试这个：

.container-fluid2 {

    text-align: center;

}

【讨论】：

【解决方案4】：

你可以使用

text-align: center
.container-fluid2{
 text-align:center;

}

【讨论】：

你的代码和我的代码有什么不同？你复制我的代码。