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

Posted 2023-03-05

【中文标题】如何在引导程序中居中响应图像？ [复制]

【英文标题】：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" 
  class="img-responsive-icon"><img 
src="../Website Pic/Capt1ure.PNG"   
class="img-responsive-icon"><img src="../Website Pic/f.PNG"   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;

【参考方案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;

【讨论】：

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