首頁猿問 Boostrap容器居中有問題

Boostrap容器居中有問題

Bootstrap

MR帽子先生 2017-06-27 09:30:55

<section?id="meet-team"?> <div?class="container"> <div?class="text-center"> <h2>團隊</h2> <img?class="img-responsive?displayed"?src="images/short.png"?alt="about"> </div> <div?class="row?teamspace"> <div?class="col-xs-12?col-sm-6?col-md-3"> <div?class="team-member"> <div?class="team-img"> <img?class="img-responsive"?src="images/person1.jpg"?alt=""> </div> </div> <div?class="col-xs-12?col-sm-6?col-md-3"> <div?class="team-member"> <div?class="team-img"> <img?class="img-responsive"?src="images/person1.jpg"?alt=""> </div> </div> </div> <div?class="col-xs-12?col-sm-6?col-md-3"> <div?class="team-member"> <div?class="team-img"> <img?class="img-responsive"?src="images/person1.jpg"?alt=""> </div> </div> </div> </div> </div> </section>我的三個容器在電腦上為什都是偏右的，不是設置了container 應該居中的嗎？

查看完整描述

3 回答

已采納

李曉健

TA貢獻1036條經(jīng)驗獲得超461個贊

container ?只是容器居中，并不是他里面的內(nèi)容也居中

1 反對回復 2017-06-27

MR帽子先生
內(nèi)容居中用啥？以圖片和文字為例，能說一下用發(fā)嗎？

回復 2017-06-27
李曉健
內(nèi)容居中只能對行內(nèi)元素或行內(nèi)塊級元素居中，你上面用的那個 text-center 就可以。所以你的團隊應該是居中的，那個圖片你把他的display設成 inline-block 應該也就居中了。

回復 2017-06-27