今天敲代码的时候,正好碰到这个问题.

与大家分享这个解决方法:

 
 

1/7

到bootstrap官方网站下载,对于我们开发者来说,直接下载编译和压缩后的CSS、JavaScript文件,另外还包含字体文件,但是不包含文档和源码文件。打开解压包之后可以发现包含三个文件夹 css、fonts、js。这是最基本的Bootstrap组织形式:未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrap.min.*)与未压缩 (bootstrap.*)的CSS和JS文件。字体图标文件来自于Glyphicons

 

 
 

2/7

所有Bootstrap插件都依赖jQuery。而且在正式的项目当中我们推荐使用压缩之后的版本,因为它的体积很小,到官网下载jQuery支持,如图:

 

 
 

3/7

将下载后的就jQuery放到bootstrap中的js目录下,如图:

 

 
 

4/7

在bootstrap的根目录下新建一个demo.html文件,(注意,必须在根目录下面新建,因为后面的步骤中要将bootstrap框架中的css和js文件链接到创建的demo中)

 

 
 

5/7

编辑demo.html文件,添加对bootstrap框架中css和js的引用,内容如下,图片有注释说明,这样,我们就基本上建立了对bootstrap框架的基本使用架构

 

 

6/7

另外,bootstrap官方提供了链接服务,永久免费,即使你不下载bootstrap框架文件到本地,也可以直接在html中使用,使用下面这段代码:

<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

 
 

最新文章

  1. ButterKnife 8.2.1 大圣归来
  2. 必须知道的八大种排序算法【java实现】(三) 归并排序算法、堆排序算法详解
  3. BZOJ4620: [Wf2016]What Really Happened on Mars?
  4. linux 文档处理命令
  5. 字符串复制strncpy
  6. WCF 入门(29)
  7. Oracle 分区表的统计信息实例
  8. 几个代码片段-计算程序运行时间+获得当前目录+生成MD5
  9. OC中类别、扩展、协议与托付
  10. OC学习14——谓词
  11. 【margin和padding的区别】
  12. 解决spring-boot启动中碰到的问题:Cannot determine embedded database driver class for database type NONE
  13. 从0到1搭建AI中台
  14. [bzoj4771] 七彩树
  15. 笔记:安卓App消息处理机制
  16. cdnbest日志分析显示404的原因
  17. Go web ajax project
  18. android 6 中init.rc的生成过程【转】
  19. JSP概述、API、注释
  20. 11.CrawlSpiders

热门文章

  1. 队列的理解和实现(一) ----- 循环队列(java实现)
  2. jpetStore 学习总结(2)
  3. vs2010和opencv2.4.9配置
  4. Junit 测试exception
  5. 深入浅出理解基于 Kafka 和 ZooKeeper 的分布式消息队列
  6. 物联网学习之路——IoT概况
  7. 【实战】Weblogic反序列化Getshell
  8. Mac 10.12安装SecureCRT
  9. mono for android 百度map binding项目(转)
  10. ASP.NET MVC利用ActionLink实现动态组合查询