Question

我正在使用bootstrap Design，但是在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

基本上我使用的是<div>而不是<img>，我改变如下：

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

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

1 个答案: