如何将cols置于行中(Bootstrap)

时间:2015-10-09 20:55:32

标签: twitter-bootstrap-3

我想把cols放在中心但是我无法正确解决它。我在等你的想法。提前谢谢。

<div class="row">

  <div class="col-xs-6 col-md-3">
    <h3>Google Maps</h3>
    <a href="#" class="thumbnail">
        <img alt="Google Maps" src="http://www.jontheboy.com/wp-content/uploads/2015/04/Google-maps-logo-180x180.png" style="height: 180px; width: 180px; display: block;">
    </a>
  </div>
  <div class="col-xs-6 col-md-3">
    <h3>Bootstrap</h3>
    <a href="#" class="thumbnail">
        <img alt="Bootstrap" src="http://collectit.fr/uploads/ressources/3.png" style="height: 180px; width: 180px; display: block;">
    </a>
  </div>
  <div class="col-xs-6 col-md-3">
    <h3>JavaScript</h3>
    <a href="#" class="thumbnail">
        <img alt="JavaScript" src="http://image.slidesharecdn.com/organizando-js-tablelessconf-120828084246-phpapp01/95/evento-front-end-sp-organizando-o-javascript-6-728.jpg?cb=1346143491" style="height: 180px; width: 180px; display: block;">
    </a>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

它对我有用。我在这里测试了它,http://www.bootply.com/pM4tcqfqhA。我所做的只是用类“容器”将它包装在正确的父div中。