php - Jquery easy ui でのブートストラップの使い方

Question

jQuery EasyUI フレームワークでブートストラップを使用するにはどうすればよいですか?

CSS を含めようとすると、常にデザインが台無しになります。

CSS とブートストラップ 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>