为了使bootstrap cdn工作,我是否还需要javascript cdn或仅css,或所有3个?

r1zk6ea1  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(2)|浏览(160)

我需要使用哪一个?https://www.bootstrapcdn.com/
CSS或JS或捆绑包或所有3?

我想使用按钮样式,网格,卡(也许下拉,但在未来)

<!-- which one? -->

https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css

https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js

https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js
dphi5xsq

dphi5xsq1#

**TLDR:**如果您需要基本样式,请使用仅CSS文件。

如果你需要互动然后使用也javascript

  • CSS必需的
  • JS可选的

我建议查看官方文档https://getbootstrap.com/docs/4.4/getting-started/introduction/

  • “我们的许多组件都需要使用JavaScript才能正常工作。具体来说,它们需要jQuery、Popper.js和我们自己的JavaScript插件。请将以下放在页面末尾附近,正好在结束标记之前,以启用它们。jQuery必须先出现,然后是Popper.js,最后是我们的JavaScript插件。"*

他们基本上说,如果你想要一些额外的功能,然后去JavaScript一(例如,你想要一个工具提示,一个下拉菜单,打开和关闭)
如果你不想着色,或者改变大小,那么只使用CSS链接。(按钮是这种情况之一)
然而,如果您使用这个只是为了学习,我建议导入那里的所有文件,因为没有任何导入问题。
一旦你学会了,就试着一次使用一个cdn链接。
如果您想在生产站点中使用bootstrap,那么可以尝试使用npm包。

npm i bootstrap

(but首先尝试学习使用CDN,一旦你知道了基础知识,然后使用npm)
还记得使用<link>标签,使HTML导入的CSS文件,通过复制第一个链接出现你一旦你打开下拉菜单

mgdq6dx1

mgdq6dx12#

如果你打算使用下拉菜单,弹出窗口和工具提示,使用all。如果你只需要样式,只使用bootstrap.min.css。

相关问题