ASP.NET 웹 양식의 반응 슬라이더 문제

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"/> 

다음

내 디자인