ASP.NET Webフォームでのレスポンシブスライダの問題

Question

私はブートストラップデザインを使用していますが、HTMLページに正しく入っていて、aspxページ（DOTNETページ）スライダに変換した後の問題はアプリケーションの実行後に表示されません。最小身長を適用する場合：300px;スライダーだけが表示されているので、応答が遅くなるため、最小の高さを適用したくありません。以下は

<div class="carousel-inner"> 
     <div class="item active"> 
      <div class="fill" style="background-image:url('images/img1.jpg'); min-height: 300px;"></div> 
      <div class="carousel-caption"> 
       <h2>dot net jobs</h2> 
       <p class="hidden-xs">Dont apply already applied! Click here to apply for job !</p> 
       <a href="apply.aspx" class="orange-button">Apply now</a> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="fill" style="background-image:url('images/img1.jpg'); min-height: 300px;"></div> 
      <div class="carousel-caption"> 
       <h2>dot net jobs</h2> 
       <p class="hidden-xs">Dont apply already applied! Click here to apply for job !</p> 
       <a href="apply.aspx" class="orange-button">Apply now</a> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="fill" style="background-image:url('images/img1.jpg'); min-height: 300px;"></div> 
      <div class="carousel-caption"> 
       <h2>dot net jobs</h2> 
       <p class="hidden-xs">Dont apply already applied! Click here to apply for job !</p> 
       <a href="apply.aspx" class="orange-button">Apply now</a> 
      </div> 
     </div> 
    </div> 

は、スクリプト・ファイルです：：基本的に

<!-- jQuery --> 
    <script src="js/jquery-1.11.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.easing-1.3.min.js"></script> 
    <!-- Bootstrap Core JavaScript --> 
    <script src="js/bootstrap.min.js"></script> 
    <!-- custom --> 
    <script src="js/custom.js"></script> 

Answer 1

私が代わりに<img>の<div>を使用していたし、私は以下のように変更されていた：

<img class="fill" src="images/img1.jpg"/> 

以下

は私のデザインです