对Bootstrap的一点点认识
2015-11-20 16:02
627 查看
概述
Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。[2] 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
特点
Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。组件
Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等
Javascript插件
Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:模式对话框、标签页、滚动条、弹出框等。
框架代码
可以对Bootstrap中所有的CSS变量进行修改,依据自己的需求裁剪代码。框架
jQuery UI Bootstrap框架,学习地址:http://v3.bootcss.com/css/#grid-example-wrapping
引用文件:
<link href="css/bootstrap.min.css" rel="stylesheet" />
<script src="jquery-2.0.3.js"></script>
<script src="js/bootstrap.min.js"></script>
它是基于jQuery的,内置css和自身的js;
学习
1,多熟悉下它的响应式的概念,其实也就是适配多客户端,多浏览器,兼容性好且样式都是经过精心设计的,美观;2,多熟悉下它的一些样式;
3,多熟悉下它的优站精选,增加一下对它的兴趣,那样可以促进学习;
附件
1,自己3天学习写的demo总结
这篇主要讲解了,对Bootstrap的了解;下一篇,软考的一点点认识暨2015年下半年软考;
相关文章推荐
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- angular 指令简述
- Bootstrap每天必学之前端开发框架
- 基于Bootstrap的网页设计实例
- 精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
- 全系IE支持Bootstrap的解决方法
- BootStrap实现带有增删改查功能的表格(DEMO详解)
- 通过Tabs方法基于easyUI+bootstrap制作工作站
- BootStrap栅格系统、表单样式与按钮样式源码解析
- jfinal与bootstrap的登录跳转实战演习
- Bootstrap每天必学之基础排版
- angularJS与bootstrap结合实现动态加载弹出提示内容
- bootstrap data与jquery .data
- Bootstrap的图片轮播示例代码
- 解决bootstrap中modal遇到Esc键无法关闭页面
- Bootstrap每天必学之简单入门
- 基于Bootstrap+jQuery.validate实现Form表单验证
- 页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理
- BOOTSTRAP时间控件显示在模态框下面的bug修复