如何使用bootstrap“均匀”分配奇数列数？

我必须使用引导响应css来显示日历中的所有星期几（7），均匀分布在12个跨度行中。如何使用bootstrap“均匀”分配奇数列数？

我已经试过

<div class ="span12"> 
<div class="span2"> Monday </div> 
....... 
...... 
<div class="span2"> Sunday </div> 
</div>

这将大大超过12跨度和包装的最后一列到下一行。

任何人都知道什么是正确的方法来做到这一点？

谢谢！

来源

2013-03-18 digToGetWater

谢谢！我只是增加了.row-fluid span2的百分比宽度，并将它创建为一个单独的类。有效！

.row-fluid .daySpan { 
    width: 14.192978723404255%; 
    *width: 14.192978723404255%; 
}

来源

2013-03-19 13:34:56 digToGetWater

您需要使用自己的类而不是网格来设置自定义宽度。我可能会将它与现有的引导程序网格类组合在一起，以实现其边距等。

不要忘记行div，它提供负向左右边距。

http://jsfiddle.net/2n8Cx/1（只适用于一个宽范围在本演示启用响应。）

.span1.spanDays {width: 86px;} 

<div class="span12"> 
    <div class="row"> 
    <div class="span1 spanDays"> Monday </div> 
    ....... 
    ...... 
    <div class="span1 spanDays"> Sunday </div> 
    </div> 
</div>

http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

来源

2013-03-18 20:23:48 isherwood

谢谢！我只是增加了.row-fluid span2的百分比宽度，并将它创建为一个单独的类。有效！ – digToGetWater 2013-03-18 21:25:57

如何使用bootstrap“均匀”分配奇数列数？

回答

相关问题