引导程序 5 轮播在 Blazor 中不起作用

Question

请打开下面的链接，查看在jquery和bootstrap 4.3.1(代码行48、50(的帮助下运行的转盘。相反，我想使用Bootstrap 5 js文件来获得相同的旋转木马。但它没有代码行(8(，52-54(bootstrap 5 CSS和JS会在旋转木马中滑动的图像之间产生间隙，这不是一个要求。首先，使用blazor中的bootstrap 5 CSS和JS，图像不会自行滑动，也不会在单击Next/prev按钮时滑动，因此需要单击旋转木马指示器才能查看滑动功能(

Bootstrap 5至少在JS编辑器中滑动，但在滑动时有白色间隙，即使在这里也是如此：[JS Fiddle][https://jsfiddle.net/gxyuqoer/]

Bootstrap 5在Blazor编辑器中不工作：Blazor Fiddle

请让我了解引导4.3.1和5版本的转盘之间的区别，以及为什么不可能在5版本的中滑动转盘

Answer 1

您可以使用HAVIT Blazor的HxCarousel组件(https://havit.blazor.eu)捆绑。

免费，建立在Bootstrap 5之上。

如果您不愿意使用捆绑包，可以克隆源代码(https://github.com/havit/Havit.Blazor)，它是开源的。

Answer 2

您需要在HTML:中添加此javascript

<script type="text/javascript">
var myCarousel = document.querySelector('#IndexCarousel');
var carousel = new bootstrap.Carousel(myCarousel);
</script>