是否可以将Bootstrap与MDBootstrap一起使用?

发布于 2025-02-11 18:40:50 字数 1529 浏览 0 评论 0原文

我已经使用了Bootstrap多年了,现在已经9天了,我正在从事一个使用Bootstrap cdn的项目,问题是我需要一些功能,MDBootstrap的组件,但不是全部,而我需要还包括MDBootstrap,它与Bootstrap CDN相冲突,我使用的按钮和所有组件现在都感到困惑,一些组件损坏了,解决方案是什么?我会写下我使用的CDN。

    <!-- Google Fonts Roboto -->
<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
/>

<!-- MDBootstrap CDN -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.css"
/>

<!-- Bootstrap CDN -->
<link
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>

这些都是我终于在身体标签中所拥有的。

<!-- MDB -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.js"></script>

<!-- FontAwesome CDN -->
<script
  src="https://kit.fontawesome.com/d455f30832.js"
  crossorigin="anonymous"
></script>

<!-- Bootstrap js -->
<script
  src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
  crossorigin="anonymous"
></script>

任何解决方案都将不胜感激。 请考虑提高我需要声誉的问题。谢谢

I Have been using Bootstrap for many years, and it is been 9 days now that I am working on a project in which I used bootstrap CDN, the problem is I need some features, components of MDBootstrap but not all of it, and when I included MDBootstrap also, it conflicted with the bootstrap cdn, my buttons and all the components I used are now confused, some of my components corrupted, what is the solution? I will write down my CDNs I have used.

    <!-- Google Fonts Roboto -->
<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"
/>

<!-- MDBootstrap CDN -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.css"
/>

<!-- Bootstrap CDN -->
<link
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>

and these are all what I have at last of the body tag.

<!-- MDB -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.js"></script>

<!-- FontAwesome CDN -->
<script
  src="https://kit.fontawesome.com/d455f30832.js"
  crossorigin="anonymous"
></script>

<!-- Bootstrap js -->
<script
  src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
  crossorigin="anonymous"
></script>

any solution would be really appreciated.
please consider upvoting my question that I need for reputation. Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

凉城 2025-02-18 18:40:50

根据Bootstrap支持团队:仅导入我们的软件包。使用此软件包,您将可以同时使用:MDB和标准引导程序。

参考: https://mdbootstrap.com/support/standard/can-i-i-is-bootstrap-with-with-mdbootstrap-can-i-is-bootstrap-can-i-bootstrap-and-mdbootstrap-and-mdbootstrap-together/

As per bootstrap support team: Import only our package. With this package you'll be able to youse both: mdb, and standard bootstrap.

Reference: https://mdbootstrap.com/support/standard/can-i-use-bootstrap-with-mdbootstrap-can-i-use-bootstrap-and-mdbootstrap-together/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文