Boostrap容器居中有问题

Question

<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 应该居中的吗？

Answer 1

container  只是容器居中，并不是他里面的内容也居中

Answer 2

首先 container 确实是居中  <div class="container">

如果你想让 里面的元素居中 正确的应该是  在父级容器上加css 样式 text-center属性

至于你的三个容器偏右 可能你设置了 float 浮动属性