两个彼此相邻的自举旋转木马不会对齐

Question

我试图让两个引导旋转木马彼此对齐，这样它们就在同一排。当在xs或sm设备上时，它们的转盘按照我想要的方式正确堆叠，但在md和lg设备上，转盘需要彼此相邻，而不是像现在一样垂直或偏移。

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

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

Answer 1

我会将<div class="container col-md-6 col-md-pull-6 carouselpadding">（包含你的“欢迎来到Mylio支持”旋转木马的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中，你应用于第一个的任何样式也会级联到第二个，这很难解决，如果没想到。