bootstrap4-Carousel 轮播

开发工具与关键技术：Visual Studio 2015
作者：杨灵武
撰写时间：2019/05/17
1.这是一个循环滚动的幻灯片组件，可以使用文本、图象水平不间断滚动，如同旋转木马一般。
点击的id=“carouselIndicators"要和”#carouselIndicators"相对应
将 .active 样式添加到其中一个幻灯片（一般第一张），否则轮播效果将无法正常运行（展现）。
下面是部分代码块详情：
< div id=“carouselIndicators” class=“carousel slide” data-ride=“carousel”>
< ol class=“carousel-indicators”>
< li data-target="#carouselIndicators" data-slide-to=“0” class=“active”> < /li>
< /ol>
详细的代码见下面图片，

2.这是一个经典的幻灯片示例，请注意轮播上的图像引用了 .d-block 样式，以修正浏览器预设的图像对齐带来的影响。
< div class=“carousel-inner”>
< div class=“carousel-item active”>
< img class=“d-block w-100” src="~/Content/images/428_428_1540863768758mp.png">
< /div>
< /div>
详细的代码见下面图片，

我们的这个轮播就做好了，下面是输出内容。