Question

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

我怎样才能做到这一点？我已经为<header>尝试了内联样式，例如margin：none，width：200px，但<header>仍有正确的边距。我还尝试用<header class="carousel">包裹<div class="col-md-6">，但我的引导旋转木马因某些奇怪的原因消失了。

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

Answer 1

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

<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/

BootStrap Carousel旁边的列

1 个答案: