2016-08-30 91 views
0

我正在使用引导程序设计,但是所有在html页面中正确显示的问题以及转换为aspx页面(DOTNET页面)滑块后的问题在运行应用程序后都不显示。如果我将应用min-height:300px;成图像,然后只显示滑块,我不想应用最小高度,因为失去响应。ASP.NET Web窗体中的响应滑块问题

下面是我的设计:

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

回答

0

基本上我用<div>代替<img>,我改变了象下面这样:

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