Bootstrap减少列之间的间隙

时间:2017-01-03 10:31:59

标签: css html5 twitter-bootstrap

我在div中有6列没有问题,但我想添加更多列。由于列之间的间隙,我无法正确添加更多列。我读了一些关于边距的内容,但我无法做到。那么如何减少列之间的空间呢?无论如何根据列数调整列的宽度?这是我的HTML代码(2列示例):`

<div class="row-fluid hideInIE8 circleStats">

         <div class="span2" onTablet="span4" onDesktop="span2"> 
            <div ID="ID1" class="circleStatsItemBox red"> 
                <div ID="Mach_Name_1" class="header">1</div> 
                <span class="percent"></span> 
                <div class="circleStat">    
                   <div id="g1"></div>
                </div>
                <div id="f1" class="footer">
                    <span class="number">hours</span>
                </div>
            </div>
         </div>
        <div class="span2" onTablet="span4" onDesktop="span2"> 
            <div ID="ID1" class="circleStatsItemBox red"> 
                <div ID="Mach_Name_2" class="header">2</div> 
                <span class="percent"></span> 
                <div class="circleStat">    
                   <div id="g1"></div>
                </div>
                <div id="f1" class="footer">
                    <span class="number">hours</span>
                </div>
            </div>
         </div>
  </div>

0 个答案:

没有答案