如何使用Bootstrap框架
1、百度搜索Bootstrap,打宙调开官网并下载最新Bootstrap版本。
Bootstrap 提供了两种形式的压缩包,在下载下来的压缩包内可以看到以下目录和文件,这些文件按照类别放到了不同的目录内,并且提供了压缩与未压缩两种版本。


2、打开文件目录,我们会发现css和js文件中含有多个文件,我们只需要把bootstrap.min.css和bootstrap.min.js两个文件复制到项目文件对应目录中。


3、在head头部中引入bootstrap样式。因为Bootstrap框架是基于HTML5和CSS3的,所以低版本的IE浏览器(如IE8,IE7等)不支持新的标签。为了更好地兼容浏览器,我们可以在引入html5shiv.min.js和respond.min.js支持HTML5标签和媒体查询标签。


4、在body底部引入bootstrap.min.js文件。
注意:bootstrap中js插件依赖于jquery,因此jquery要在Bootstrap之前引用

5、基本的html模板
可以直接在标签中引用预先定义好的冲耕类名,方便快捷。具体怎么运用看官网文档教罩劫棍程。


6、丰富的组件(如轮播、折叠、滚动监听、弹出框等)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:139
阅读量:94
阅读量:111
阅读量:125
阅读量:104