固定转盘高度的问题

Question

如何控制转盘的高度？

        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" >
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="Images/Carousel 01.jpg" alt="...">
                </div>
                <div class="item">
                    <img src="Images/Carousel 02.jpg" alt="...">
                </div>
                <div class="item">
                    <img src="Images/Carousel 03.jpg" alt="...">
                </div>
            </div>

Answer 1

您可以使用min-height，max-height等样式。

在样式表中添加以下内容。

#carousel-example-generic{
   min-height : 300px;
}

如果有什么东西可以覆盖您的配置，则可以在300px之后添加!important。

这些网站将为您提供帮助：

https://www.w3schools.com/cssref/pr_dim_height.asp

https://www.w3schools.com/cssref/pr_dim_min-height.asp

https://www.w3schools.com/cssref/pr_dim_max-height.asp

Answer 2

尝试一下：

.carousel .item {
  height: 300px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
}

Answer 3

为.carousel编写一个新的CSS，并根据需要添加高度。