引入bootstrap的正确姿势

divtab 2021-09-09 原文

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