如何在Jquery easy UI上使用bootstrap

Question

如何在jQuery EasyUI framework上使用bootstrap？

當我嘗試包含CSS時，它總是讓我的設計混亂起來。

是否可以包含CSS和引導程序js？如果是這樣，我該怎麼做？

Answer 1

是的它搞砸了，因爲2 CSS樣式表使用相同的選擇器（有些是相同的）。 你需要做什麼，包括兩者，並選擇你想依靠更多。

打開你的CSS樣式表，並重命名選擇器匹配什麼，或者如果你不需要，刪除它們，那就是全部。

PS：按鈕，因爲這些太，例如搞砸了，用戶界面有一個按鈕CSS和JS功能也和bootstap也有一個，所以他們弄混

Answer 2

放入主題的引導文件夾

包括引導CSS下方

<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> 
<link rel="stylesheet" type="text/css" href="../themes/bootstrap/docs/assets/css/bootstrap.css"> 

如果您需要在代碼中包括任何其他的js文件，你應該包括他們在的結束文件。

<script src="/themes/bootstrap/docs/assets/js/application.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-affix.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-alert.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-button.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-carousel.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-collapse.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-dropdown.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-modal.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-popover.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-scrollspy.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-tab.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-tooltip.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-transition.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap-typeahead.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap.js"></script> 
<script src="/themes/bootstrap/docs/assets/js/bootstrap.min.js"></script>