Bootstrap3の画像の上にマージンを追加するにはどうすればよいですか？

Question

ブラウザのウィンドウを小さくすると、画像がまとまってしまい、垂直に積み重ねるときに画像間にスペースを入れたいのですが、純粋なブートストラップでこれをやりたいのです。 CSS。

コード：あなたは別の画面内のすべての要素を制御するために、メディアクエリでそれを使用することができます

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <img class="img-responsive center-block" src="http://via.placeholder.com/250x250"> 
     </div> 
     <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <img class="img-responsive center-block" src="http://via.placeholder.com/250x250"> 
     </div> 

Answer 1

@media (max-width: 767px) { 
    img { 
     margin-bottom: 15px; 
     display: block; 
     overflow: hidden; 
    } 
} 

。

携帯電話のような超小型スクリーンをThiaコードでコントロールすると、画像ごとにマージンボトムが追加されます。

は、マージンを追加し、メディアクエリーでメディアクエリー https://www.w3schools.com/css/css_rwd_mediaqueries.asp