html - 在 div Bootstrap 中居中放置 3 张图像

Question

如何使用 Bootstrap 将这 3 张图像置于页面中央？我的代码:

<div id="small-img" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 pagination-centered footer-bottom-img">
    <ul>
       <li>
         <img class="img-responsive inline-block center-block" alt="" src="ssl_secure.png">
       </li>
        <li>
           <img class="img-responsive inline-block center-block" alt="" src="secure-cc-paypal.png">
        </li>
        <li>
           <img class="img-responsive inline-block center-block" alt="" src="gt-secured-seal.gif">
        </li>
    </ul>
</div>

Answer 1

如果你只是想让图片在页面的中心对齐，你只需要添加 text-center class 到包含的 div。

<div id="small-img" class="text-center col-xs-12 col-sm-12 col-md-12 col-lg-12 pagination-centered footer-bottom-img">
  <ul >
    <li>
        <img class="img-responsive inline-block center-block" alt="" src="ssl_secure.png">
    </li>
    <li>
        <img class="img-responsive inline-block center-block" alt="" src="secure-cc-paypal.png">
    </li>
    <li>
        <img class="img-responsive inline-block center-block" alt="" src="gt-secured-seal.gif">
    </li>
  </ul>
</div>

check this jsfiddle