与大家分享这个解决方法:
1/7
到bootstrap官方网站下载,对于我们开发者来说,直接下载编译和压缩后的CSS、JavaScript文件,另外还包含字体文件,但是不包含文档和源码文件。打开解压包之后可以发现包含三个文件夹 css、fonts、js。这是最基本的Bootstrap组织形式:未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrap.min.*)与未压缩 (bootstrap.*)的CSS和JS文件。字体图标文件来自于Glyphicons
![](https://img.php.cn/upload/article/000/000/001/6e92141497924163b370a446657913be-0.jpg)
2/7
所有Bootstrap插件都依赖jQuery。而且在正式的项目当中我们推荐使用压缩之后的版本,因为它的体积很小,到官网下载jQuery支持,如图:
![](https://img.php.cn/upload/article/000/000/001/6e92141497924163b370a446657913be-1.jpg)
3/7
将下载后的就jQuery放到bootstrap中的js目录下,如图:
![](https://img.php.cn/upload/article/000/000/001/6e92141497924163b370a446657913be-2.jpg)
4/7
在bootstrap的根目录下新建一个demo.html文件,(注意,必须在根目录下面新建,因为后面的步骤中要将bootstrap框架中的css和js文件链接到创建的demo中)
![](https://img.php.cn/upload/article/000/000/001/01cdcf9fda307bd893f47b5ef840cbf2-3.jpg)
5/7
编辑demo.html文件,添加对bootstrap框架中css和js的引用,内容如下,图片有注释说明,这样,我们就基本上建立了对bootstrap框架的基本使用架构
![](https://img.php.cn/upload/article/000/000/001/01cdcf9fda307bd893f47b5ef840cbf2-4.jpg)
6/7
另外,bootstrap官方提供了链接服务,永久免费,即使你不下载bootstrap框架文件到本地,也可以直接在html中使用,使用下面这段代码:
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css?1.1.11" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js?1.1.11"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js?1.1.11"></script>
以上就是bootstrap框架怎么在html页面加载使用教程的详细内容,更多请关注php中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论