Bootstrap里的文件分别表示什么?都有什么用处?

Bootstrap里的文件分别表示什么?都有什么用处?,第1张

Bootstrap里的文件有以下几种:

bootstrap.js

bootstrap.css

bootstrap.min.js

bootstrap.min.css

bootstrap-responsive.min.css

bootstrap-responsive.css

它们分清渣禅别的作用为:

bootstrap.js:是bootstrap的所有js指令的总和。

bootstrap里面所有的js效果,都是由bootstrap.js控制的。

bootstrap.js供开发的时候进行调试用。

bootstrap.css:是未压缩的,完整的bootstrap样式表,供开发的时候进行调试使用。

bootstrap.min.js:是压缩的bootstrap样式表,在部署网站的时引用。

bootstrap-responsive.min.css:是bootstrap-responsive.css的压缩梁哪版,在部署网站的时引用。

bootstrap-responsive.css:是答尘对bootstrap框架应用了响应式布局之后所需要的CSS样式表,

我们开始适用bootstrap来制作网页,我用的编辑器是dreamweaver,这是一个学网页前段开发的人不能少的软件,就不多说了。下面看看网页虚腔中需要怎么加载bootstrap中的资源呢。首先在Dw中创建一个html5文件,在开始页面点击【更多】选择文档类型,然后点击确定在代码视图我们先看看基本的代码按下Ctrl+s保存该文件到bootstrap文件夹下面,在dist文件夹中保存有bootstrap中的css、js等文件在css样式面板,点击链接,我们来引入bootstrap中css样式点击浏览,找到bootstrap,点击download中斗选择一个你自己需要的版本,我下载的差培衫如图所示将下载下来的文件放到js文件夹中回到Dw,在插入面板中,点击【脚本】引入刚才下载得到的jquery,点击确定;之后同样的方法才能引用bootstrap.min.js文件这是最后得到的源码。现在bootstrap官方提供了CDN加速服务,即使你不下载bootstrap文件到本地,也能调用,调用的方式是:用这一段代码替换掉上面那一句调用js的方法是用下面这两句替换带哦上面这两句。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12241288.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存