如何在不访问 Internet 和本地文件系统的情况下使用 bootstrap javascript 库?
How can I use bootstrap javascript library without accessing Internet and local file system?
我正在使用 javascript bootstrap 库开发一个网页,用于 UI 和布局设计。它将 运行 关闭 Android 平板电脑。
可能在离线环境下工作,无法访问本地文件系统。这意味着 <script src='{Url to js file}'></script>
将不起作用。
它如何访问 bootstrap css 和 js 文件?然后可以作为内嵌代码包含在 html?
中
CSS可以通过以下方式包含在HTML
中
- 使用 CDN(互联网)
- 使用本地文件系统(外部样式表)
- 使用内部样式表(
<style>
)
- 放置内联样式
考虑到以上情况,您只剩下一种情况,即在标签中包含所有样式并使其生效。您可以检查内部样式表是否仅在离线模式下才有效。
您可以使用本地文件:
你有两种方法可以做到:
- 下载文件并将它们放入您的项目文件夹并为这些文件创建
links/script
:
<script src="folderInProject/bootstrap.js"></script>
下面的 link 包含代码:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
只需转到 url 并将其中的代码复制到本地 js/css
文件:
例如转到此 link 并复制代码:
https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css
我正在使用 javascript bootstrap 库开发一个网页,用于 UI 和布局设计。它将 运行 关闭 Android 平板电脑。
可能在离线环境下工作,无法访问本地文件系统。这意味着 <script src='{Url to js file}'></script>
将不起作用。
它如何访问 bootstrap css 和 js 文件?然后可以作为内嵌代码包含在 html?
中CSS可以通过以下方式包含在HTML
中- 使用 CDN(互联网)
- 使用本地文件系统(外部样式表)
- 使用内部样式表(
<style>
) - 放置内联样式
考虑到以上情况,您只剩下一种情况,即在标签中包含所有样式并使其生效。您可以检查内部样式表是否仅在离线模式下才有效。
您可以使用本地文件:
你有两种方法可以做到:
- 下载文件并将它们放入您的项目文件夹并为这些文件创建
links/script
:
<script src="folderInProject/bootstrap.js"></script>
下面的 link 包含代码:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
只需转到 url 并将其中的代码复制到本地 js/css
文件:
例如转到此 link 并复制代码:
https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css