html - Cant change length of a carousel in bootstrap
问题描述
I am building a website with bootstrap and I added a carousel to show some pictures, but I can't make them wider. I have tried to change the values of w- within tags, but all it does is show picture in full size or stay the same I want the picture to be wider by a third of its width.
<div id="myCarousel" class="carousel slide bg-inverse w-50 ml-auto mr-auto" data-ride="carousel" >
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner" role="listbox" >
<div class="carousel-item active" >
<img class="d-block w-100" src="img\core-img\cup1.jpg" alt="First slide" >
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img\core-img\cup2.jpg" alt="Second slide" >
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img\core-img\cup3.jpg" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img\core-img\cup4.jpg" alt="Fourth slide">
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
解决方案
尝试改变你的班级:
<div id="myCarousel" class="carousel slide bg-inverse w-50 ml-auto mr-auto" data-ride="carousel" >
至:
<div id="myCarousel" class="carousel slide" data-ride="carousel" >
推荐阅读
- java - JPA Lazy Fetch 在收集时不起作用
- javers - Javers findshadows 在子对象和父对象的某些字段中返回 null
- ios - 不推荐使用“iOS”的产品类型“com.apple.product-type.application.watchapp”。不再支持 WatchKit 1.0
- firebase - 升级到 angular8 后 app.auth 不再是一个函数
- database - 如何在circle ci config.yml中为aws ecs设置数据库配置变量?
- php - 如何修复使用未定义的常量 SORI_DESC - 假定为“SORI_DESC”(这将在 PHP 的未来版本中引发错误)
- c# - 如何将异步函数传递给 ConcurrentDictionary.GetOrAdd 方法?
- github - 在 AppCode 中的 git 克隆存储库期间找不到项目文件
- contiki - Instantcontiki 3.0 中的 Cooja hello-world-example.csc 模拟器给出编译错误:尝试在 boot.h 中使用中毒的“SPMCR”
- python - 熊猫重新采样 ffill() 最后一行