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.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,312评论 19 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,194评论 4 61
  • 蓬莱阁上蓬莱游, 仙去阁空海自流。 效施过海寻旧径, 凭海遥弔八仙丘。 同窗四十年开外, 情似海深遍神州。 桑榆携...
    士口喆士口阅读 1,397评论 0 0
  • 08 千灯知道,伽蓝寺外的天下动荡不太平。秦徵每天都守着她们,直到她们的房间传来平稳的呼吸声。 这日子,倒也安稳。...
    雾锁千灯阅读 3,733评论 2 5