Bootstrap 环境安装

最新推荐文章于 2023-01-02 11:19:06 发布

要当测试员的猿

最新推荐文章于 2023-01-02 11:19:06 发布

阅读量415

点赞数

文章标签： java

本文链接：https://blog.csdn.net/weixin_60416290/article/details/123942957

版权

下载 Bootstrap

您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。

文件结构

如下图所示，可以看到已编译的 CSS 和 JS（bootstrap.），以及已编译压缩的 CSS 和 JS（bootstrap.min.）。在这里插入图片描述

如果你下载了 Bootstrap 源代码，那么文件结构将如下所示：
在这里插入图片描述

less/、js/ 和 fonts/ 下的文件分别是 Bootstrap CSS、JS 和图标字体的源代码。
dist/ 文件夹包含了上面预编译下载部分中所列的文件和文件夹。
docs-assets/、examples/ 和所有的 *.html 文件是 Bootstrap 文档。

HTML模板

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8"> 
   <title>尝试 Bootstrap 实例</title>
   <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
   <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
   <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
      <h1>Hello, world!</h1>
</body>
</html>

运行结果：
在这里插入图片描述

要当测试员的猿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap 环境安装

目录下载 Bootstrap文件结构HTML模板下载 Bootstrap您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。文件结构如下图所示，可以看到已编译的 CSS 和 JS（bootstrap.），以及已编译压缩的 CSS 和 JS（bootstrap.min.）。如果你下载了 Bootstrap 源代码，那么文件结构将如下所示：less/、js/ 和 fonts/ 下的文件分别是 Bootstrap CSS、JS 和图标字体的源代码。
复制链接

扫一扫