Html Twitter Bootstrap 3.0带文本的旋转木马格式

我试图让twitter引导转盘（3.0+）使用一些格式，因此我循环浏览右侧的图像/左侧的文本-左侧的图像，然后是右侧的文本

</div>

渲染（rails 3.13）时，网格系统似乎处于暂停状态，图像被卡在左边框上这是我的小提琴：

</div>

</div>

但这个例子是直接从bootstrap网站中提出来的：

<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">
        <div class="row">
            <div class="col-md-5-offset-1">
                <img src="http://ndevilla.free.fr/lena/lena.jpg" alt="..."></img>
                <div class="carousel-caption">Caption</div>
                <div class="col-md-6">
                     <h1>Some profound text here</h1>

                    <p>this is an image from my image processing past</p>
                </div>
            </div>
        </div>
    </div>
    <div class="item">
        <img src="http://perception.csl.illinois.edu/gpca/applications/baboon_small.jpg" alt="..."></img>
    </div>
    <div class="item">
        <img src="https://www.google.com/images/srpr/logo11w.png" alt="..."></img>
    </div>
    <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>

</div>

说明文字
这里有一些深刻的文本
这是一张我以前处理过的图像

</div>

</div>

---

这是故意的吗？（这是我的第一篇帖子）

您的行中有太多不同的div和类

</div>

下面是一个示例，它使用每个.row或“slide”中的两个.col-xs-6来执行您的请求。使用Bootstrap的旋转木马示例中的示例代码和注释-

</div>

看看-

</div>

右侧的临时标题文本
为了好玩而抄写一些段落

</div>

您的工作原理是一样的：将左侧图像一直阻塞到左边框，并忽略任何容器网格格式（我有这么多的原因）。我的解决方法是将“文本右侧”应用于任何左侧图像。我的期望是，如果我在您的示例中应用“col-xs-offset-1”，那么skootch over.hmm上的图像将无法想象您要实现的目标。你能在photoshop上拍摄你想要完成的事情吗？看起来我的图像格式问题是由以下原因造成的：