jquery - 彼此相邻的两个 Bootstrap 轮播不会对齐

Question

我正在尝试让两个 Bootstrap 轮播相互对齐，以便它们位于同一行。在 xs 或 sm 设备上，它们的旋转木马像我想要的那样正确堆叠，但在 md 和 lg 设备上，旋转木马需要彼此相邻，而不是像现在这样垂直或偏移。

知道为什么会这样吗？我最初认为这是一个填充问题，但我似乎无法正确调整它。

可在此处找到该站点:http://mylomatt.mylio.com/stackoverflow.html

Answer 1

我会移动 <div class="container col-md-6 col-md-pull-6 carouselpadding"> (包装你的“Welcome to Mylio Support”旋转木马的 div)来自更大的包装类

<div class="container col-md-6 col-md-push-6"> 

所以看起来像

<div class="container col-md-6 col-md-push-6"> 
    <!-- first carousel -->
</div>
<div class="container col-md-6 col-md-pull-6 carouselpadding"> 
    <!-- second carousel -->
</div>

我认为您的意思是将它们分开，但是因为第二个轮播实际上包含在第一个轮播的包装 div 中，所以您应用于第一个的任何样式也会向下级联到第二个，如果没想到。