bootstrap框架是目前流行的开源框架，如何使得框架能够在页面中正常加载并使用，下面的方法将详细为大家讲解一下步骤。

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

   
   

    

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

   
   

   

3. 将下载后的就jQuery放到bootstrap中的js目录下，如图：

   
   

   

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

   
   

   

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

   
   

   
   

   

6. 涉及到的源码

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

准备工作：

• 找到Bootstrap相关文件

引用方法：

  
      
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
  
  
  
        

    
你好，世界！

    
页面内容

    

        
    
    
    
    
  

 CDN引入

使用cdn方式加载最简单