如何在 Jquery easyui 中使用引导程序 [关闭]

Question

如何在jQuery EasyUI framework 上使用bootstrap？

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

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

Answer 1

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

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

PS：按钮也因为这些而混乱，例如，UI 也有按钮 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>