引導Clockpicker CSS中的web2py

Question

我試圖創建使用jQuery插件clockpicker輸入欄的窗口小部件。一切正常，但插件的風格是關閉的。它應該像this。

Link當前工作代碼。

是否因爲web2py使用了自定義引導CSS？如果是這樣，我怎麼能忽略它而不影響當前的CSS，因爲我正在圍繞當前的CSS創建我的應用程序的管理面板？目前我正在擴展web2py提供的默認'layout.html'。另外，在web2py應用程序中使用引導CSS的正確方法是什麼？

我使用的web2py 2.9.11版本

Answer 1

的問題是不是由於引導的任何定製，但由於標準引導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（可能會產生其他後果）中更改上述規則，或者修改clockpicker的標記或CSS。