2017-05-27 3 views
-1

ハロー、私は自分のウェブサイトの一番下に小さな「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; 

答えて

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

テキスト整列:親コンテナへのセンターはそれを行います。ここ

リンク:https://jsfiddle.net/zzzu88ww/

0

はこれを試してみては:

.container-fluid2 { 

    text-align: center; 

} 
1

ブートストラップ法は、クラスのテキスト・センター」を追加することです。

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

あなたは私のコードを使用してコード異なるが何であるかを

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

} 
+0

を使用することができますか?私のコードをコピーします。 – Ehsan

関連する問題