现在的位置: 首页 > 架构设计 > 正文

bootstrap教程哪里有?为什么使用bootstrap框架

2019年12月31日 架构设计 ⁄ 共 1065字 ⁄ 字号 评论关闭

  学习一款框架,最开始,学习途径一定是它的官方网站,几乎每一款框架都有非常详细且清晰的文档,虽然网上关于该框架的学习资源很多,但是也都不是自创的,追其根源,全部都是来自于官网。与其花费动辄十几个小时去看别人的视频,不如自己去官网学习来得快。

  官网怎么学Bootstrap

  相信好多小伙伴也看过官方文档了,虽然文档挺清晰的,但是还是会觉得一头雾水,抓不住重点。那到底要怎么弄呢?

  1、首先,需要明确这款框架是做什么的,一般,官网首页都会有一个比较醒目的概述。

  2、其次,就是研究基础示例。一般,一款框架的官网都会提供一个基本模板,或者是简单示例,也就是一个使用该框架的一个最最简单的小例子,可以将代码复制到本地编辑器进行运行,当然,如果需要引用其他的文件,那么也需要下载好进行引用。

  3、然后,可以大概随意点击浏览一下,了解一下它里面都有哪些功能模块。

  4、耐心研读,在这个过程中,哪些是实现的重点文档都会有说明,需要特别注意,遇到难以理解的部分,或者不明白的部分,可以先跳过,看过几个小模块之后就会对整个模式有一个大致的了解了,后面通过实际项目练习,再着重研究对应的部分就可以了。

  5、最后,需要说明的是,样式名是不需要背下来的,做项目的时候,能快速找到相应的位置就可以了。

  Bootstrap是一种前端开发框架,它由规范的css,javascript插件构成,其最大的优势是响应式布局,使得开发者可以方便的让网页无论在台式机、平板设备、手机上都获得最佳的体验。Bootstrap在以下方面优势比较显著。

  使用bootstrap框架的优势:

  1.栅格系统

  可以根据用户屏幕尺寸调整页面,使其在各个尺寸上都表现良好。实现这个功能依赖两个东西,一个是view,另一个是max-width,min-width。

  2.CSS模块化

  Bootstrap预先定义了很多CSS类,使用的时候直接给class赋予对应的类名即可,如text-left,text-align,.table等。最有代表性的就是btn类,Bootstrap定义了一个.bt的基础类,如果还想要其他样式可以在这个基础类上进行扩展,实现不同的视觉效果。

  3.插件使用简单

  Bootstrap的插件开发模式和javaScript的开发模式很相似的,先定义一个类,实现主体功能,然后是个Plugin函数,再把这个函数扩展到JQuery原型上,最后通过委托的方式给特定元素绑定事件。

  但Bootstrap存在浏览器兼容问题,对IE6完全不兼容性。

抱歉!评论已关闭.