【前端】bootstrap引入

引入在线Bootstrap

1.首先引入静态样式CSS

 

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> 

2.引入动态js

 

<!--使用Bootstrap的js插件，必须先调入jQuery--> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script> <!-- 包括全部bootstrap的js插件或者能够根据须要使用的js插件调用　--> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

引入下载到本地的Bootstrap

其实，这个那啥好说的，引用的时候须要注意路径是否正确。
例：

 

<!--引入css>
 <link rel="stylesheet" href="./dist/css/bootstrap.min.css">   
 <!--引入js>         
 <script src="./dist/jquery-3.1.1/jquery-3.1.1.min.js"></script>
 <script src="./dist/js/bootstrap.min.js"></script>

注：最好把js文件的引入放在body最下边。是为了使js在网页所有加载完后才起做用，好比你的js里面有个alert，若是放在头部会由于弹出窗口等待用户确认而致使整个页面加载受影响。因此，一般作法，样式表一般放在head里而最早加载完毕，而js在body后。

我的意见(待完善)

就目前所了解的知识层面，我建议最好仍是引入下载到本地的Bootstrap.