我无法让Carousel在Bootstrap 4.0.0中工作，我正在撕掉我的头发......一切都是连接和语义正确的，但无论浏览器如何，JavaScript都不会触发。
jQuery和Bootstrap.js正在页脚中加载：
<script type='text/javascript' src='https://code.jquery.com/jquery-1.12.4.min.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://sunset.dev/wp-content/themes/embark/js/bootstrap.min.js?ver=4.0.0'></script>
Bootstrap.css正在标题中加载：
<link rel='stylesheet' id='bootstrap-css' href='http://sunset.dev/wp-content/themes/embark/css/bootstrap.min.css?ver=4.0.0' type='text/css' media='all' />
这是我正在使用的HTML（位于<header> div内<article>的{{1}}内：
.container <div id="post-gallery-46" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active background-image" style="background-image:url(http://sunset.dev/wp-content/uploads/2017/11/room.jpg);"></div>
<div class="carousel-item background-image" style="background-image:url(http://sunset.dev/wp-content/uploads/2017/11/moose.jpg);"></div>
<div class="carousel-item background-image" style="background-image:url(http://sunset.dev/wp-content/uploads/2017/11/brain.jpg);"></div>
<div class="carousel-item background-image" style="background-image:url(http://sunset.dev/wp-content/uploads/2017/11/andrew.jpg);"></div>
</div><!-- carousel-inner -->
</div><!-- .carousel slide -->
永远不会切换第一项。画廊就像一条死鳟鱼一样坐在那里。
我也在.active内部使用<img class="d-block w-100" src="..." alt="First slide">（使用相同的网址）尝试了相同的HTML标记，但无济于事。
我甚至尝试在div上显式调用carousel函数。
我已经秃顶，所以帮助一个男人出去？