如何在Twitter引导中设计全屏日历视图



我需要设计一个日历视图,我想使用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

享受!

相关内容

  • 没有找到相关文章

最新更新