Bootstrap框架有什么优势?
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框架有什么优势?相关推荐
- Bootstrap框架中的字形图标的理解
最近项目中准备使用 Bootstrap 框架,看中了Ace Admin 这套皮肤,看其代码的时候,发现使用了字形图标.下面内容来源于网络,根据自己对新知识的学习曲线重新整合了一下: 一,字形图标的定义 ...
- 初步使用bootstrap框架
在web前端的页面中,少不了用到按键.输入框之类的元素.之前有一个项目,做完后领导说你这个按键怎么点击样式没变化.后来参照了一些别的例子,发现自己做的确实用户体验不好.最近接触了bootstrap,下 ...
- 前端Bootstrap框架
Bootstrap框架 第1节 学习目标 能够创建bootstrap的模板 能够使用boostrap的两种布局容器 能够理解bootstrap的响应式布局的特点 能够查询文档创建bootstrap的按 ...
- BootStrap框架的优缺点
随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...
- 仿csdn写的页面(bootstrap框架)
博客仿写 这是一个用bootstrap设计布局的网页,参照了csdn的布局设计,不完全按照csdn的样式.将代码放置博客是因为个人没有存代码的习惯,写的东西比较简单不值得保存,但又觉得弃之可惜(毕竟东 ...
- Bootstrap框架常用组件
一.组件基础 1.什么是组件 组件是一个抽象的概念,是对数据和方法的简单封装.用面向对象的思想来说 ,将一些符号某种规范的类组合在一起就构成了组件,通过组件可以为用户提供某些特定的功能. 2.组件的优 ...
- Bootstrap框架和inconfont、font-awesome使用
Bootstrap框架和inconfont.font-awesome使用 iconfont的使用:https://www.cnblogs.com/clschao/articles/10387580.h ...
- UI设计实战篇——利用Bootstrap框架制作查询页面的界面
Bootstrap框架是一个前端UI设计的框架,它提供了统一的UI界面,简化了设计界面UI的过程(缺点是定制了界面,调整的余地不是太大).尤其是现在的响应时布局(我的理解是页面根据不同的分辨率,采用不 ...
- Python之flask结合Bootstrap框架快速搭建Web应用
目录 前言 安装bootstrap扩展 模板的继承 总结 前言 Flask是一个基于Python开发,依赖jinja2模板和Werkzeug WSGI服务的一个微型框架.Werkzeug用来处理Soc ...
最新文章
- 《计算机组成与设计(ARM版)》读书笔记-第二章指令2
- android HttpClient,DefaultHttpClient,AbstractHttpClient之间关系
- MPLS服务合同到期了,是否该续签?
- 斯坦福的著名小兔子模型的点云数据_传统方法的点云分割以及PCL中分割模块
- 三年经验java工资,含爱奇艺,小米,腾讯,阿里
- 开发中所使用的渠道(统计分析、分享、第三方登录、短信等)
- 清华大学黄民烈老师:本科生如何做出好的科研
- XML Schema 配置文件自动生成c#类设计案例子
- ios tabtar 使用方法_Appium界面自动化测试(13)(iOS/Python):元素定位及操作
- 字符串中索引位置是什么意思_女孩子左手中指戴戒指什么意思 不同位置各有不同...
- teamtalk部署启动顺序
- 安卓动画入门教程 Animation in Android(1)
- Android开发之指南针
- ubuntu与windows双系统的启动项丢失
- 7474触发器 异步三进制加法计数器
- 关于hive on spark的distribute by和group by使用以及小文件合并问题
- 电信网通证实台湾地震影响内地访问国际网站(12月27日)
- UML统一建模语言第4章 用例和用例图课后习题
- android图案解锁忘了怎么解,安卓手机解锁图案忘了怎么办?手机解锁密码忘了的解决办法...
- STM32F103初学研究整理笔记-基础知识理论