Css 具有多个DIV标记的中间引导列

我想显示一个图像，并在它旁边（在同一行上）显示一些文本。 这很简单，但我也希望此内容（图像和文本）在引导网格中居中，以便在所有设备上保留其属性并继续缩放/折叠

<div class="row-fluid">
    <div class="container">
        <img src="img.jpg" class="img-responsive">
        <h1>CONTENT</h1>
    </div>
</div>

内容

---

我尝试过使用偏移量，但无法使其工作。我应该将图像和内容包装成跨距吗？非常感谢您的帮助。

我认为您的错误是使用row油液而不是集装箱油液。后者将使行在内部居中

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12"
        <img src="img.jpg" class="img-responsive">
        <h1>CONTENT</h1>
    </div>
</div>

您应该为图像和文本添加一个包装div，然后将其与中心对齐

HTML:

你试过了吗？我想使用引导网格，这样它可以在手机上正确折叠…如果你只有一个项目居中，你就不需要网格。没错，但我有两个项目-一个图像和一些文本。这很接近，但如何设置图像的宽度？如果我设置一个固定宽度的内联，它将凌驾于img-responsive之上。您应该使用百分比。例如：宽度：60%；我做了一些改进。你能告诉我这是否更有效：
<div class="row-fluid">
    <div class="container">
      <div class="centered">
        <img src="img.jpg" class="img-responsive">
        <h1>CONTENT</h1>
      </div>
    </div>
</div>

.centered {
    text-align: center;
}