4

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

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

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

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

有什么建议么?

谢谢

4

1 回答 1

6

为什么不尝试下载仅网格、自定义为 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

享受 !

于 2012-07-05T19:38:02.313 回答