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 回答