php - 如何在 Jquery Easy ui 上使用引导程序

Question

如何在jQuery EasyUI 框架上使用引导程序？

当我尝试包含 CSS 时，它总是会弄乱我的设计。

是否可以包含 CSS 和 bootstrap js？如果是这样，我该怎么做？

Answer 1

是的，它搞砸了，因为 2 个 CSS 样式表使用相同的选择器（有些是相同的）。您需要做的，包括两者并选择您想要更多依赖的。

打开你的css样式表并重命名匹配的选择器，或者如果你不需要，就删除它们，仅此而已。

PS: buttons are messed up because of these too, example, the UI has a button css and js feature too and bootstap has one too, so they get mixed up

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>