您的位置：首页 > Web前端 > BootStrap

bootstrap入门（1） bootstrap下载与安装

2015-07-21 18:41 543 查看
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/yan57271/article/details/46990283

bootstrap可以理解为一套优秀的css jq的集合包。

一、下载：

下载通过

http://v3.bootcss.com/


进入网站后点击下载bootstrap

有3个下载 

1.下载bootstrap

2.下载源码


第一个可以理解为编译好的bootstrap

第二个为bootstrap的所有源码


下载完成后，解压。


同时也可以通过http://bootstrap.kinghack.com/customize.html

进行定制下载。


二、文件解析：

解压后，打开编译好的bootstrap。

有3个文件分别为


根据字面即可理解每个文件夹里包含的文件。





bootstrap.css保存的就是 未经过压缩的css表。

bootstrap.min.css保存的是 压缩后的css表（除去空格 换行） 在使用时，引用了该项 无需引用上一项。


bootstrap-theme.css 是扩展的css表    可根据需要添加

min同上


.map文件为source map

在js文件中加入sourceMappingURL = bootstrap.css.map 

即可保证，在引用min文件的时候出错时，显示的是完整的.css


三、引用bootstrap：

在<head>中添加：
<link href="bootstrap/3.3.5/css/bootstrap.min.css">
引用bootstrap css
在<body>中添加：
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script src="bootstrap/3.3.5/js/bootstrap.min.js"></script>
（引用bootstrap js需引用标准jquery基础库文件）

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航