html、css、bootstrapを使用してホームページに画像を追加する

Question

私のホームページの1行に2つの画像を追加したいと思っています。どのように私はそれらのイメージを反応させることができます教えてください？どんな助けもありがとう。ありがとう。

Answer 1

ファイルサイズが巨大でないように、合理的なサイズを選択する必要があります。

次に、ブートストラップのimg-responsiveクラスを使用して応答します。

ここにはbootstrap documentation for img-responsiveへのリンクがあります。

Answer 2

あなたのHTMLで2分周器のように行います：

<div class="row"> 
    <div class="col-md-6 myfirstimageclass"></div> 
    <div class="col-md-6 mysecondimageclass"></div> 
</div> 

クラスcol-md-6は、ブートストラップクラスで、他のクラスmyfirstimageclassはあなたのCSSで背景として画像を配置し、自作クラスであり、あなたが終了されています。

.myfirstimageclass{ 
    background-image:url(yourfirstimageurl); 
    background-size:cover; 
    height:300px; 
} 
.mysecondimageclass{ 
    background-image:url(yoursecondimageurl); 
    background-size:cover; 
    height:300px; 
}