如何在Twitter Bootstrap中设计全屏日历视图？

Question

我需要设计一个日历视图,我想使用Twitter Bootstrap,因为我习惯将它用于较小的项目.

但是12列跨度系统似乎不适合创建日历视图.

因此,如果我有一行是span12,并且我想创建一个子行,我需要7个均匀间隔的日历框.我看不出我怎么做到这一点.

我想过只创建一个span12,然后在其中应用我自己的CSS.绕过Bootstrap系统.

有什么建议？

谢谢

Answer 1

为什么不尝试下载仅限网格,自定义为7列,引导程序？您可能需要网格系统和布局

这里:http://twitter.github.com/bootstrap/customize.html

然后,您只需在创建的样式表中的几个规则前添加自己的选择器,您就应该拥有自己的7列网格.

对于流体网格,如果需要,请确保

@gridColumns*@fluidGridColumnWidth + (@gridColumns-1)*@fluidGridGutterWidth <= 100

您感兴趣的变量是

• @gridColumns : 列数
• @gridColumnWidth :一个静态列的宽度
• @gridGutterWidth :静态列之间的空间宽度
• @fluidGridColumnWidth :一个流体柱的宽度
• @fluidGridGutterWidth :流体柱之间的空间宽度

静态容器的总宽度将给出为

@gridColumns*@gridColumnWidth + (@gridColumns-1)*@gridGutterWidth

请享用 !