2014-03-19 34 views
1

我剛開始使用bootstrap,並且使用了https://github.com/designmodo/Flat-UI作爲平面UI設計。datetime選擇器與FLATUI不兼容免費版本

目前我剛剛添加https://github.com/Eonasdan/bootstrap-datetimepicker作爲我的datetimepicker。但似乎兩個css都在互相爭鬥。

我可以點擊datatimepicker的按鈕。它直接在文本框中顯示時間,而不讓我從下拉菜單中選擇(它應該出現)。我相信來自designmodo的平面UI已經覆蓋了特定類的下拉菜單,但太糟糕了,我不知道哪個部分可以解決這個問題。

Default DateTimePicker without FLAT UI design css

With FLAT UI design css

任何人都見過像我一樣的問題?請從這裏引導我。

回答

0

你可能已經得到了你的答案。但我面臨類似的問題。我正在使用https://bootstrap-datepicker.readthedocs.io/en/latest/https://github.com/Eonasdan/bootstrap-datetimepicker。組件不一樣,但我面臨同樣的問題。經過一番分析,有一個CSS衝突。他們都創建class .input-group-date。所以沒有提到的戰鬥,但基於CSS規則(Two css files defining same class),CSS文件的順序將定義哪個類將風格化組件,並且你將有一個組件不能正常工作。