大佬教程收集整理的这篇文章主要介绍了bootstrap-4 – 纯文本轮播，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<div id="carouselContent" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listBox">
<div class="carousel-item active">
<p>lorem ipsum (imagine longer text)</p>
</div>
<div class="carousel-item">
<p>lorem ipsum (imagine longer text)</p>
</div>
</div>
<a class="carousel-control-prev" href="#carouselContent" 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="#carouselContent" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
@H_450_2@
但是,从BS alpha 6开始,.carousel-item显示：flex;这限制了你可以对carousel-item的内容做一些定位.这有一个未解决的问题：
https://github.com/twbs/bootstrap/issues/21611
作为一种变通方法,您可以使用文本中心并覆盖显示：阻止活动轮播项：
<div class="carousel-item text-center p-4">
<p>lorem ipsum (imagine longer text)</p>
</div>
.carousel-item.active {
display:block;
}
演示：http://www.codeply.com/go/OJHdvdXimm
另见：Vertically center text in Bootstrap carousel
@H_450_2@ @H_450_2@以上是大佬教程为你收集整理的bootstrap-4 – 纯文本轮播全部内容，希望文章能够帮你解决bootstrap-4 – 纯文本轮播所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。