Html 如何在bootstrap 3旋转木马中对齐多个列？

我绞尽脑汁想弄明白这件事已经有一段时间了。我想要的是在旋转木马的左侧显示我的特色图像，并在右侧显示相关文本。我制作了一个模型，让你明白我的意思

我可以在普通macbook风格的显示器上看到我想要的样子，但当我调整浏览器的大小时，图像似乎不尊重它的上边距，并向上超出导航栏。此外，图像和行动呼吁的规模超过了小型设备上的V形指示灯

我之所以将这两个元素放在12列中，是因为我希望它们在小型设备上堆叠在一起，然后我将在更大的断点处定义不同的css

感谢您的帮助。我的靴子在这里：

---

好的，为了将它们并排堆叠，您需要给它们6列的跨度，或者根据您的需要，但总和必须是12

试试看

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">

<!----FIRST SLIDE -->
  <div class="fluid-row">
   <div class="span6">
    <!-- INSERT IMAGE HERE -->
   </div>
   <div class="span6">
   <!-- INSERT TEXT HERE -->
  </div>
<!-- END FIRST SLIDE -->
</div>
<div class="item">
<!---- START SECOND SLIDE -->
  <div class="fluid-row">
   <div class="span6">
    <!-- INSERT IMAGE HERE -->
   </div>
   <div class="span6">
   <!-- INSERT TEXT HERE -->
  </div>
<!-- END SECOND SLIDE -->

</div>
</div>

---

我唯一的问题是，它可能会将文本div放在浏览器的图像div下面，谢谢您的帮助。我现在看起来很喜欢它。我的方法似乎有点老套，但它完成了任务。基本上，我只是使用了大量的媒体查询来重新调整图像大小和上边距，当布局开始中断时。我还发现，一旦列达到某个维度，引导程序就会对它们进行堆栈。