如何解決引導類名衝突

Question

我們得到了一個由客戶交給我們的項目。在這38個屏幕將由我們開發，事情是他們已經開發了幾個屏幕（超過20），並交給我們。該應用程序是混合移動應用程序，單頁（使用角度）和科爾多瓦。因此，他們did not use any framework like bootstrap開發他們已經開發的網頁之前處理它給我們。 還有一點需要注意的是，由於我們必須使用angular，所有的css文件都會被縮小爲一個文件。和they used the class names like row in their project, which are conflicting with the names in the bootstrap。 但是拼命想要使用引導程序，有沒有什麼辦法可以使用引導程序而不會與已經開發的類名衝突，或者簡單地說，我們不想在css中修改舊的類，在單頁面環境中 。歡迎任何建議。

Answer 1

是的，有一種解決方案，isolating Bootstrap CSS。

的想法是編輯引導LESS文件，啃添加類的每一個元素之前（假設bootstrap-iso）和使用引導纏繞這樣

<div class="bootstrap-iso"> 
    <!-- Any HTML here will be styled with Bootstrap CSS --> 
</div> 

好消息是你不需要緊縮並更改：Here is link of crunched css file

獲取此文件，鏈接到您的網站並使用像上面一樣環繞。希望這會對你有所幫助。

Reference, Learn More