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

Boostrap容器居中有問題

Bootstrap

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

<section?id="meet-team"?> <div?class="container"> <div?class="text-center"> <h2>團(tuán)隊(duì)</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>我的三個(gè)容器在電腦上為什都是偏右的，不是設(shè)置了container 應(yīng)該居中的嗎？

查看完整描述

3 回答

已采納

李曉健

TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊

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

1 反對(duì) 回復(fù) 2017-06-27

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

回復(fù) 2017-06-27
李曉健
內(nèi)容居中只能對(duì)行內(nèi)元素或行內(nèi)塊級(jí)元素居中，你上面用的那個(gè) text-center 就可以。所以你的團(tuán)隊(duì)?wèi)?yīng)該是居中的，那個(gè)圖片你把他的display設(shè)成 inline-block 應(yīng)該也就居中了。

回復(fù) 2017-06-27