下記のコードが書かれている Bootstrap と HTML を使用したサイトがあります。
こちらのサイトをスマホで表示にすると images/002.jpg の画像が表示されなくなってしまいます。
images/001.jpg の方は問題なく表示されます。
images/002.jpg の方の画像が表示されなくなる原因がわからなくてご質問させていただきました。
また、コードは問題となっている部分を抜き出したものになります。
宜しくお願いします。
Bootstrap
1 2 <section id="about" class="section"> 3 <div class="container-fluid"> 4 <div class="row align-items-center no-gutters"> 5 <div class="col-lg-6 col-12"> 6 <div class="section-heading text-center sm-pb-50 sm-pt-50"> 7 <h5 class="sub-heading">TextTextText <i class="fa fa-arrows"></i></h5> 8 <h2 class="heading fs-40 mb-10 f-w3">テキストテキスト/h2> 9 <p class="width-70 mx-auto">テキストテキストテキストテキストテキスト</p> 10 </div> 11 </div> 12 <div class="col-lg-6 col-12"> 13 <img alt="" src="images/001.jpg" class="img-fluid d-block w-100"> 14 </div> 15 16 <div class="col-lg-6 col-12"> 17 <img alt="" src="images/002.jpg" class="img-fluid d-lg-block d-none w-100"> 18 </div> 19 <div class="col-lg-6 col-12"> 20 <div class="section-heading text-center sm-pb-50 sm-pt-50"> 21 <h5 class="sub-heading">TextTextText <i class="fa fa-bar-chart-o"></i></h5> 22 <h2 class="heading fs-40 mb-10 f-w3">テキストテキスト</h2> 23 <p class="width-70 mx-auto">テキストテキストテキストテキストテキスト</p> 24 </div> 25 </div> 26 </div> 27 </div> 28 </section>
回答1件
あなたの回答
tips
プレビュー