ASP.NET Web 窗体中的响应式滑块问题

Question

我正在使用引导程序设计，但 html 页面中的所有内容都正常运行，并且在转换为 aspx 页面（DOTNET 页面）滑块后的问题在运行应用程序后未显示。如果我将应用 min-height: 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

基本上我使用的是<div> 而不是<img>，并且我进行了如下更改：

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