开发者社区> 问答> 正文

在使用bootstrap的过程中,你们难道没发现这个row-fluid的问题?(2.3x版本)


    <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

展开
收起
杨冬芳 2016-06-02 17:16:56 2336 0
1 条回答
写回答
取消 提交回答
  • IT从业
     <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>

    我这边不方便 没帮你做测试

    2019-07-17 19:25:20
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Node.js性能平台 立即下载
沪江基于Node.js大规模应用实践 立即下载
沪江基于 Node.js大规模应用实践 立即下载