ウェブサイトを部分的に読み込んでいる背景画像（ブートストラップ）

Question

Dreamweaverですべてのコードがうまく動作している間にギャラリーを構築しています。完成した製品をウェブサイトにアップロードすると、画像の約半分しか表示されません。私はChromeとInternet Explorerでサイトをチェックして、それが自分のPCであるかどうかを他の人に確認させました。

画像

は、このコードで背景画像として読み込まれます。

.birdzoom { 
    background-repeat:no-repeat; 
    background-size:cover; 
    background-position:center; 
} 

#bird01 { 
    background-image: url(../images/thumbs/001.jpg); 
} 

このコードで表示：最初の18枚の画像が細かい表示

<div class="col-sm-2 imgbox"> 
    <div class="thumb bird birdzoom" id="bird01"> 
    <div class="link" onclick="openModal();currentSlide(1)"></div> 
     <div class="tags"><a href="purchase.html"><span class="glyphicon glyphicon-tag"></span></a></div> 
    </div> 
    <div class="birdname">Name</div> 
</div> 

と私は四倍にするためにチェックしましたすべての画像が同じコードを使用していることを確認してください。問題の

サイトは、あなたのスタイルシートでhttp://birdbrained.waywardstudios.net/

Answer 1

であなただけの18 **

に画像1を設定している**

<link href="css/style.css" rel="stylesheet"> 

... 

    #bird01 { 
     background-image: url(../images/thumbs/001.jpg); 
     background-repeat:no-repeat; 
     background-size:cover; 
    } 

    #bird02 { 
     background-image: url(../images/thumbs/002.jpg); 
     background-repeat:no-repeat; 
     background-size:cover; 
    } 

    ... 

**you have not set the bird19 to bird58** 
#bird19 { 
     background-image: url(../images/thumbs/019.jpg); 
    ...