我需要设计一个日历视图,并且我想使用 Twitter Bootstrap,因为我习惯将它用于较小的项目。
但是 12 列跨度系统似乎不适合创建日历视图。
因此,如果我有一个 span12 行,并且我想创建一个子行,我需要 7 个均匀间隔的日历框。我看不出我怎么能做到这一点。
我想只创建一个 span12,然后在其中应用我自己的 CSS。绕过引导系统。
有什么建议么?
谢谢
我需要设计一个日历视图,并且我想使用 Twitter Bootstrap,因为我习惯将它用于较小的项目。
但是 12 列跨度系统似乎不适合创建日历视图。
因此,如果我有一个 span12 行,并且我想创建一个子行,我需要 7 个均匀间隔的日历框。我看不出我怎么能做到这一点。
我想只创建一个 span12,然后在其中应用我自己的 CSS。绕过引导系统。
有什么建议么?
谢谢
为什么不尝试下载仅网格、自定义为 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
享受 !