所以我已经阅读了所有的教程,我发现的所有教程都告诉我做同样的基本事情。但是,当我执行此代码时,我正在使用:
.center{
width: 50%;
margin: 0px auto;
}
它需要我拥有的六个项目并将它们居中,但不会将 3 放在一条线上(我正在使用带有 6 个 span3 div 的引导程序,应该是 3 和 3)。
有任何想法吗?
所以我已经阅读了所有的教程,我发现的所有教程都告诉我做同样的基本事情。但是,当我执行此代码时,我正在使用:
.center{
width: 50%;
margin: 0px auto;
}
它需要我拥有的六个项目并将它们居中,但不会将 3 放在一条线上(我正在使用带有 6 个 span3 div 的引导程序,应该是 3 和 3)。
有任何想法吗?
.center{
position: relative; /*add this */
float: /*left, right, both; use what you want*/
width: 50%;
margin: 0px auto;
}
到你的 .center 班级
在引导程序中,您需要遵循以下模式:
<div class="center">
<div class="row">
<div class="span3 offset2"></span>
<div class="span3"></span>
<div class="span3"></span>
</div>
<div class="row">
<div class="span3 offset2"></span>
<div class="span3"></span>
<div class="span3"></span>
</div>
</div>
您是否要使 3 个跨度居中?