Bootstrap框架是基于HTML、CSS、JavaScript等前端技术实现的,2011年8月在GitHub上发布,一经推出颇受欢迎。

Bootstrap之所以受到广大前端开发人员的欢迎,是因为使用Bootstrap 可以构建出非常优雅的前端界面,而且占用资源非常小。另外,Bootstrap还具有以下几个优势:

(1)移动设备优先:自Bootstrap 3起,移动设备优先的样式贯穿于整个库。

(2)浏览器支持:主流浏览器都支持Bootstrap,包括IE、Firefox、Chrome、Safari等。

(3)学习成本低:要学习Bootstrap,只需读者具备HTML和CSS的基础知识。

(4)响应式设计:Bootstrap的响应式CSS能够自适应于台式机、平板计算机和手机的屏幕大小。

(5)良好的代码规范:为开发人员创建接口提供了一个简洁统一的解决方案,减少了测试的工作量。

(6)组件:Bootstrap包含了功能强大的内置组件。

(7)定制: Bootstrap还提供了基于Web的定制。

了解了Bootstrap 的这么多优势,下面介绍一-下Bootstrap包含的内容。

Bootstrap包中提供的内容包括基本结构、CSS、布局组件、JavaScript插件等,具体如下:

(1)基本结构:Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。

(2)CSS:Bootstrap自带全局的CSS设置、定义基本的HTML元素样式、可扩展的class,以及一个先进的栅格系统。

(3)布局组件:Bootstrap包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等。

(4) JavaScript插件:Bootstrap包含了十几个自定义的jQuery插件,可以直接包含所有的插件,也可以逐个包含这些插件。

(5)定制:开发人员可以定制Bootstrap的组件、LESS 变量和jQuery插件来得到一套自定义的版本。

由此可以看出,Bootstrap中预定义了一套CSS样式和一套对应的jQuery代码,应用时只需提供固定的HTML结构,添加Bootstrap中提供的class名称,就可以完成指定效果的实现。

Bootstrap框架有什么优势?相关推荐

  1. Bootstrap框架中的字形图标的理解

    最近项目中准备使用 Bootstrap 框架,看中了Ace Admin 这套皮肤,看其代码的时候,发现使用了字形图标.下面内容来源于网络,根据自己对新知识的学习曲线重新整合了一下: 一,字形图标的定义 ...

  2. 初步使用bootstrap框架

    在web前端的页面中,少不了用到按键.输入框之类的元素.之前有一个项目,做完后领导说你这个按键怎么点击样式没变化.后来参照了一些别的例子,发现自己做的确实用户体验不好.最近接触了bootstrap,下 ...

  3. 前端Bootstrap框架

    Bootstrap框架 第1节 学习目标 能够创建bootstrap的模板 能够使用boostrap的两种布局容器 能够理解bootstrap的响应式布局的特点 能够查询文档创建bootstrap的按 ...

  4. BootStrap框架的优缺点

    随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...

  5. 仿csdn写的页面(bootstrap框架)

    博客仿写 这是一个用bootstrap设计布局的网页,参照了csdn的布局设计,不完全按照csdn的样式.将代码放置博客是因为个人没有存代码的习惯,写的东西比较简单不值得保存,但又觉得弃之可惜(毕竟东 ...

  6. Bootstrap框架常用组件

    一.组件基础 1.什么是组件 组件是一个抽象的概念,是对数据和方法的简单封装.用面向对象的思想来说 ,将一些符号某种规范的类组合在一起就构成了组件,通过组件可以为用户提供某些特定的功能. 2.组件的优 ...

  7. Bootstrap框架和inconfont、font-awesome使用

    Bootstrap框架和inconfont.font-awesome使用 iconfont的使用:https://www.cnblogs.com/clschao/articles/10387580.h ...

  8. UI设计实战篇——利用Bootstrap框架制作查询页面的界面

    Bootstrap框架是一个前端UI设计的框架,它提供了统一的UI界面,简化了设计界面UI的过程(缺点是定制了界面,调整的余地不是太大).尤其是现在的响应时布局(我的理解是页面根据不同的分辨率,采用不 ...

  9. Python之flask结合Bootstrap框架快速搭建Web应用

    目录 前言 安装bootstrap扩展 模板的继承 总结 前言 Flask是一个基于Python开发,依赖jinja2模板和Werkzeug WSGI服务的一个微型框架.Werkzeug用来处理Soc ...

最新文章

  1. 《计算机组成与设计(ARM版)》读书笔记-第二章指令2
  2. android HttpClient,DefaultHttpClient,AbstractHttpClient之间关系
  3. MPLS服务合同到期了,是否该续签?
  4. 斯坦福的著名小兔子模型的点云数据_传统方法的点云分割以及PCL中分割模块
  5. 三年经验java工资,含爱奇艺,小米,腾讯,阿里
  6. 开发中所使用的渠道(统计分析、分享、第三方登录、短信等)
  7. 清华大学黄民烈老师:本科生如何做出好的科研
  8. XML Schema 配置文件自动生成c#类设计案例子
  9. ios tabtar 使用方法_Appium界面自动化测试(13)(iOS/Python):元素定位及操作
  10. 字符串中索引位置是什么意思_女孩子左手中指戴戒指什么意思 不同位置各有不同...
  11. teamtalk部署启动顺序
  12. 安卓动画入门教程 Animation in Android(1)
  13. Android开发之指南针
  14. ubuntu与windows双系统的启动项丢失
  15. 7474触发器 异步三进制加法计数器
  16. 关于hive on spark的distribute by和group by使用以及小文件合并问题
  17. 电信网通证实台湾地震影响内地访问国际网站(12月27日)
  18. UML统一建模语言第4章 用例和用例图课后习题
  19. android图案解锁忘了怎么解,安卓手机解锁图案忘了怎么办?手机解锁密码忘了的解决办法...
  20. STM32F103初学研究整理笔记-基础知识理论

热门文章

  1. 既然选择无可替代的路,那么在实现…
  2. 送给所有程序员的浪漫
  3. flutter的引擎,Dart语言概括
  4. PC端实现微信扫码登入功能
  5. u盘启动出现蓝屏怎么办
  6. ADM485ANZ ADI
  7. 实验吧 writeup
  8. C 语言陷阱和缺陷(一)
  9. PAT 1071 小赌怡情 满分 python
  10. pat basic 1071 小赌怡情