<div class="row-fluid">
<div class="span4">
</div>
<div class="span4">
</div>
<div class="span4">
</div>
</div>
如题,上面row-fluid下面已经有3个span4了,很正常。
可是,当你要用在row-fluid下面放上更多的span4就会在第二行开始就会出现问题!
因为默认的span4定义了左边距那边20px,比如下面:
<div class="container-fluid">
<div class="row-fluid">
<div class="row-fluid">
<div class="span4">
</div>
<div class="span4">
</div>
<div class="span4">
</div> /*上面已经3个span4了,下面开始换行了,就出问题了*/
<div class="span4">
</div> /*几乎越往下面排,排版乱的程度会让你超出想象*/
<div class="span4">
</div>
<div class="span4">
</div>
</div>
</div>
</div>
对这个问题一直不太理解,3.x版本就没有这问题。但是现在换3.x版本更废功夫。
因为公司的网站我是用phpcms做的,所以在产品列表页面调用产品出来的时候发现的,导致我现在暂时只能调用3个产品出来,为了不影响美观!
希望各位大大能给个思路,给个方向,我是不是钻牛角尖了 - -!
具体页面:www.mgdcl.net/mg/ 绝对不是AD
<div class="row-fluid">
<div class="row-fluid">
<div class="span4">
</div>
<div class="span4">
</div>
<div class="span4">
</div>
</div>
<div class="row-fluid">
<div class="span4">
</div>
<div class="span4">
</div>
<div class="span4">
</div>
</div>
<div class="row-fluid">
<div class="span4">
</div>
<div class="span4">
</div>
<div class="span4">
</div>
</div>
</div>
</div>
我这边不方便 没帮你做测试
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。