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 浮动属性