设置轮播图后出现图片上下排练,切换下一张后正常显示
body{
padding-top: 50px;
}
.carousel{
height: 500px;
background-color: #000000;
}
.carousel .item{
height: 500px;
background-color: #000000;
}
.carousel img{
width: 100%;
}
@media (max-width: 768px) {
.carousel {
height: 300px;
margin-bottom: 30px;
}
.carousel .item {
height: 300px;
}
.carousel img {
min-height: 300px;
}
}
Hello World
Toggle navigation
某管理系统
Chrome
Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器
点我下载
Firefox
Mozilla Firefox,中文名通常称为“火狐”或者火狐浏览器,是一个开源网页浏览器
点我下载
IE
Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器
点我下载
opera
Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器
点我下载
safari
Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器
点我下载
上一页
下一页
|
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
- 少了class="carousel-inner"
- 不是每一个轮播项目都是class="item active",后几个应该是class="item"
|
|
|
|
|