Jquery 正确对齐/居中bootstrap3图像

在

container fluid

中，我有一些行示例，其中包含一些我想显示的数据，我将在我的文本顶部放置一个

img

。这是目前网页的标准部分

<div class="container-fluid">
  <!-- SOCIETE row of columns -->
  <div class="row SOC-columns">
    <div class="col-xs-12 col-sm-4">
        <img src='http://imgsrc.hubblesite.org/hu/db/images/hs-1994-02-c-thumb.jpg' class=" img-rounded img-responsive" alt="Responsive image">
        <h4><strong>No Broker or Hidden Fees</strong></h4>
      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
    </div>
    <div class="col-sm-4">
        <img src='http://imgsrc.hubblesite.org/hu/db/images/hs-2003-28-a-thumb.jpg' class=" img-rounded img-responsive" alt="Responsive image">
        <h4><strong>Extremely Fast.</strong></h4>
      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
   </div>
    <div class="col-sm-4">
        <img src='http://imgsrc.hubblesite.org/hu/db/images/hs-2010-26-a-thumb.jpg' class=" img-rounded img-responsive" alt="Responsive image">
        <h4><strong>Flexible Lease Terms</strong></h4>
      <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
    </div>
  </div>

  <hr>

  <div class="row SOC-columns">
    <div class=" col-xs-12 col-sm-4">
        <img src='http://imgsrc.hubblesite.org/hu/db/images/hs-1994-02-c-thumb.jpg' class=" img-rounded img-responsive" alt="Responsive image">
        <h4><strong>Operations and Engeneering.</strong></h4>
      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
    </div>
    <div class="col-sm-4">
        <img src='http://imgsrc.hubblesite.org/hu/db/images/hs-2010-26-a-thumb.jpg' class=" img-rounded img-responsive" alt="Responsive image">
        <h4><strong>Networking.</strong></h4>
      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
   </div>
    <div class="col-sm-4">
        <img src='http://imgsrc.hubblesite.org/hu/db/images/hs-2003-28-a-thumb.jpg' class=" img-rounded img-responsive" alt="Responsive image">
        <h4><strong>Safety.</strong></h4>
      <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
    </div>
  </div>

在我的例子中，它们是对齐的。我假设这不是我或任何情况下的正确定位方式，我希望有人能向我解释正确的定位方式。

替换：

.SOC-columns img {
    padding-left: 220px;
}

与：

替换：

.SOC-columns img {
    padding-left: 220px;
}

与：

---

根据

.SOC columns

具有

文本对齐：居中

属性，您只需将

显示：内联

属性添加到图像中即可

.SOC-columns {
    text-align: center;
}

.SOC-columns img {
    display: inline;
}

---

根据

.SOC columns

具有

文本对齐：居中

属性，您只需将

显示：内联

属性添加到图像中即可

.SOC-columns {
    text-align: center;
}

.SOC-columns img {
    display: inline;
}

---

好的，这是在

列中对齐
img
的正确方法，还有更多吗？这就是它的范围。这不是非常恰当，但它被广泛认为是将元素集中在其父元素内部的最简单、最可靠的方法。这似乎是合法的，我希望有人能详细说明这一点，并接受您的回答。好吧，这是对齐
img
内部
列
的正确方法，还有更多吗？这就是问题的范围。这不是非常恰当，但它被广泛认为是将元素集中在其父元素内部的最简单、最可靠的方法。这似乎是合法的，我希望有人能详细说明这一点，并接受您的回答。
margin:0 autoimg responsive
应用于图像时，code>to
.SOC列img
是最佳选择，它被称为
display:block和
宽度：100%
。否则
text align:center
就可以了。
margin:0 autoimg responsive
应用于图像时，code>to
.SOC列img
是最佳选择，它被称为
display:block和
宽度：100%
。否则
text align:center
就可以了。