我们开始适用bootstrap来制作网页，我用的编辑器是dreamweaver，这是一个学网页前段开发的人不能少的软件，就不多说了。下面看看网页中需要怎么加载bootstrap中的资源呢。

1、首先在Dw中创建一个html5文件，在开始页面点击【更多】

Python怎么把bootstrap引入 引入bootstrap文件_html5


  1. 2、选择文档类型，然后点击确定

Python怎么把bootstrap引入 引入bootstrap文件_bootstrap_02


  1. 3、在代码视图我们先看看基本的代码

Python怎么把bootstrap引入 引入bootstrap文件_html5_03


  1. 4、按下Ctrl+s保存该文件到bootstrap文件夹下面，在dist文件夹中保存有bootstrap中的css、js等文件


Python怎么把bootstrap引入 引入bootstrap文件_bootstrap_04



  1. 5、在css样式面板，点击链接，我们来引入bootstrap中css样式

Python怎么把bootstrap引入 引入bootstrap文件_html5_05


  1. 6、点击浏览，找到bootstrap.min.css文件，点击确定按钮

Python怎么把bootstrap引入 引入bootstrap文件_bootstrap_06


  1. 7、引入以后，我们看看在<head>标签之间多了一个link标签


Python怎么把bootstrap引入 引入bootstrap文件_bootstrap_07


  1. 8、假如我们还想要使用bootstrap提供的js文件，我们得去下载jquery文件，浏览器打开jquery.com,点击download

Python怎么把bootstrap引入 引入bootstrap文件_jquery_08



  1. 9、选择一个你自己需要的版本，我下载的如图所示


Python怎么把bootstrap引入 引入bootstrap文件_bootstrap_09


  1. 10、将下载下来的文件放到js文件夹中


Python怎么把bootstrap引入 引入bootstrap文件_html5_10


  1. 11、回到Dw，在插入面板中，点击【脚本】



Python怎么把bootstrap引入 引入bootstrap文件_bootstrap_11


  1. 12、引入刚才下载得到的jquery，点击确定；之后同样的方法才能引用bootstrap.min.js文件


Python怎么把bootstrap引入 引入bootstrap文件_html5_12



  1. 13、这是最后得到的源码。

Python怎么把bootstrap引入 引入bootstrap文件_jquery_13

  1. 14、现在bootstrap官方提供了CDN加速服务，即使你不下载bootstrap文件到本地，也能调用，调用的方式是：用这一段代码替换掉上面那一句

Python怎么把bootstrap引入 引入bootstrap文件_jquery_14


  1. 15、调用js的方法是用下面这两句替换带哦上面这两句。

Python怎么把bootstrap引入 引入bootstrap文件_html5_15



  1. 16、如果使用了一些HTML5 的标签内容，但是IE又不支持，那就需要加入下面的内容：
1 <!--[if lt IE 9]>
2       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
3       <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
4     <![endif]-->