CQ5中令人不安的用戶界面？

Question

我正在進行CQ 5.5項目。而對於UI，我使用了Bootstrap CSS 2.3.2（我沒有使用最新的引導程序，因爲它不支持使用DataTables-具有搜索選項卡和分頁支持的表格）。 每當我在CQ用引導的側踢的UI受到干擾

此外，當我啓用了富文本編輯器的所有功能，拖着它並點擊「源代碼編輯」我不能對數據進行編輯 注意：富文本編輯器在模態上拖放（下拉菜單）。

我遇到過很多這樣的故障。爲什麼會發生？發生這種情況是因爲parsys，head.jsp或Global導入了自己的CSS和CSS類衝突？有關如何解決這個問題的任何建議？

Answer 1

是的。這是因爲bootstrap中的CSS定義與CQ的默認樣式定義相沖突。

雖然CQ已經定義了其特定於僅出現在id爲CQ內的內容的樣式，但bootstrap已經爲該元素定義了它。

對於例如，考慮到是不是你已經發布的圖像中正確顯示的組件的標籤，CQ提供類名的元素，並定義樣式如下

#CQ .x-form-item label.x-form-item-label { 
    // css definition 
} 

而引導定義標籤的樣式如下

label { 
    display: block; 
    margin-bottom: 5px; 
} 

因此，這兩種樣式適用於打破布局的相同元素。

您可能需要稍微修改引導CSS。有一個similar question它有你可能感興趣的解決方案。