为了账号安全,请及时绑定邮箱和手机立即绑定

Boostrap容器居中有问题

/ 猿问

Boostrap容器居中有问题

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 回答

已采纳
?
李晓健

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

查看完整回答
1 反对 回复 2017-06-27
  • MR帽子先生
    MR帽子先生
    内容居中用啥?以图片和文字为例,能说一下用发吗?
  • 李晓健
    李晓健
    内容居中只能对行内元素或行内块级元素居中,你上面用的那个 text-center 就可以。 所以你的团队应该是居中的,那个图片你把 他的display设成 inline-block 应该也就居中了。
?
oldfu

栅格的层次都是错的,谷歌下面好好看看。

查看完整回答
1 反对 回复 2017-06-28
?
Liy丶

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

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

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

查看完整回答
1 反对 回复 2017-06-27

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信