中心3图像在div Bootrstrap中

时间:2015-07-03 16:50:48

标签: html css twitter-bootstrap twitter-bootstrap-3

如何使用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>

1 个答案:

答案 0 :(得分:1)

如果您只想让图片在页面中心对齐,则只需将 boolean delete(ImageItem imageItem) { boolean success = false String imageId = imageItem.id ... Path outFile = Paths.get(fileUrl) if (Files.deleteIfExists(outFile)) { log.debug "delete() - file deleted: ${fileUrl}" success = true } try{ imageItem.delete(flush: true) } catch (Exception e) { log.debug "delete() - Record deleted failed: ${e}" success = false } return success } text-center添加到包含的div中。

class

check this jsfiddle