BootStrap Carousel 旁边的列

【问题标题】：Column next to BootStrap CarouselBootStrap Carousel 旁边的列
【发布时间】：2015-08-28 01:10:37
【问题描述】：

我正在尝试将<div class="col-md-6">Test</div> 放在我的 BootStrap Carousel (<header class="carousel">...</header>) 的右侧。

我怎样才能做到这一点？我已经尝试过 <header> 的内联样式，例如边距：无，宽度：200px，但 <header> 仍然有右边距。我也尝试用<div class="col-md-6"> 包裹<header class="carousel">，但我的引导轮播由于某种奇怪的原因消失了。

这是一个小提琴：http://jsfiddle.net/ukaqej69/2/。对多余的 CSS 和 JS 感到抱歉。

【问题讨论】：

标签： html css twitter-bootstrap carousel

【解决方案1】：

将carousel 类与<header> 分开，并使用Bootstraps 柱状网格将<div>s 并排设置，如下所示：

<header>
  <div class="row">
    <div class="carousel col-md-6">
      ...
    </div>
    <div class="col-md-6">
      Test
    </div>
  </div>
</header>

这里有一个小提琴供你复习。 http://jsfiddle.net/yongchuc/g6bgxvad/

【讨论】：

当我将轮播放在row 中时，它就消失了。此外，您提供的小提琴似乎没有表现出列在轮播旁边的行为。为您的意见 +1。
@chakeda，增加结果窗格，因为示例使用col-md-6，所以它会换行。
啊，我明白了。我现在就实现这个
谢谢伙计，你把我引向了正确的方向。完成的小提琴：jsfiddle.net/ukaqej69/3