web2py 中的 Bootstrap Clockpicker CSS答案

【问题标题】：Bootstrap Clockpicker CSS in web2pyweb2py 中的 Bootstrap Clockpicker CSS
【发布时间】：2014-12-05 18:12:48
【问题描述】：

我正在尝试使用 jQuery clockpicker 插件为输入字段创建一个小部件。一切正常，但插件的样式已关闭。它应该喜欢this。

Link 当前工作代码。

是因为 web2py 使用了自定义的引导 CSS 吗？如果是这样，当我围绕当前 CSS 创建应用程序的管理面板时，如何在不影响当前 CSS 的情况下覆盖它？目前我正在扩展 web2py 提供的默认“layout.html”。另外，在 web2py 应用程序中使用引导 CSS 的正确方法是什么。

我使用的是 web2py 2.9.11 版本

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3 web2py

【解决方案1】：

问题不是由于 Bootstrap 的任何自定义，而是由于标准 Bootstrap 2 CSS 规则，其中包括以下内容：

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

clockpicker 中显示的小时和分钟分别具有“clockpicker-span-hours”和“clockpicker-span-minutes”类，这两个类都包含字符串“span”，因此会触发显示的float: left 规则以上。想必clockpicker是为Bootstrap 3设计的，不包括上面的规则。

您必须将您的网站升级到 Bootstrap 3，更改当前 Bootstrap 2 CSS 中的上述规则（这可能会产生其他后果），或者修改时钟选择器的标记或 CSS。

【讨论】：

谢谢！为您解答。如果我将我的网站升级到 bootstrap 3，当前默认表单和其他项目的样式会改变还是保持不变，因为当我尝试更新当前表单和菜单的设计时会丢失。有什么方法可以升级到 bootstrap 3 而不会遇到此类问题。
你可能想试试this scaffolding app，它基于Bootstrap 3。关于表单样式，你可以将“formstyle”参数设置为“bootstrap3_stacked”或“bootstrap3_inline”，或者创建自己的formstyle功能。
再次感谢您。您的回答和评论非常有用。我在 web2py-group 遇到了您的 answer 之一，它消除了我对在 web2py 中使用 Bootstrap 的所有疑虑。