web2py中的Bootstrap Clockpicker CSS

Question

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

当前工作代码的

Link。

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

我正在使用web2py 2.9.11版本

Answer 1

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

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

clockpicker中显示的小时和分钟都有类＆＃34; clockpicker-span-hours＆＃34;和＆＃34; clockpicker-span-minutes＆＃34;分别包含字符串＆＃34; span＆＃34;因此触发上面显示的float: left规则。据推测，clockpicker是为Bootstrap 3设计的，它不包括上述规则。

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