gpt4 book ai didi

css - 如何在 Twitter Bootstrap 中设计全屏日历 View ?

转载 作者:太空狗 更新时间:2023-10-29 12:28:28 26 4
gpt4 key购买 nike

我需要设计一个日历 View ,我想使用 Twitter Bootstrap,因为我习惯将它用于较小的元素。

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

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

我考虑过创建一个 span12,然后在其中应用我自己的 CSS。绕过 Bootstrap 系统。

有什么建议吗?

谢谢

最佳答案

您为什么不尝试下载一个定制为 7 列的 grid-only Bootstrap ?您可能需要网格系统布局

此处:http://twitter.github.com/bootstrap/customize.html

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

对于流体网格,如果你需要它,只要确定

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

你感兴趣的变量是

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

静态容器的总宽度为

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

尽情享受吧!

关于css - 如何在 Twitter Bootstrap 中设计全屏日历 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11350827/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com