Wie zentriere ich reagierende Bilder im Bootstrap?

Question

Hallo, ich habe ein kleines "Facebook, Instagram, Twitter" Icon-Ding am Ende auf meiner Website. Ich kann die Bilder nicht zentrieren? Hilfe bitte!

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; 

Answer 1

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

text-align: center an den übergeordneten Container wird es tun.

Link-hier: https://jsfiddle.net/zzzu88ww/

Answer 2

Try This:

.container-fluid2 { 

    text-align: center; 

} 

Answer 3

Die Bootstrap-Methode wäre, die Klasse 'text-Zentrum' hinzuzufügen.

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

Answer 4

können Sie verwenden

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

}