如何在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>