对Bootstrap的⼀点点认识
概述
Bootstrap,来⾃ Twitter,是⽬前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是⼀个CSS/HTML框架。Bootstrap 提供了优雅的HTML和CSS规范,它即是由动态CSS语⾔Less写成。Bootstrap⼀经推出后颇受欢迎,⼀直是GitHub上的热门开源项⽬,包括NASA的MSNBC(微软全国⼴播公司)的Breaking News都使⽤了该项⽬。[2] 国内⼀些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进⾏性能优化⽽来。
特点
Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进⾏了更为个性化和⼈性化的完善,形成⼀套⾃⼰独有的⽹站风格,并兼容⼤部分jQuery插件。
组件
Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建⼀个漂亮、功能完备的⽹站。其中包括以下组件:
下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等
c教程推荐Javascript插件
Bootstrap⾃带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“⽣命”。
其中包括:
模式对话框、标签页、滚动条、弹出框等。
框架代码
可以对Bootstrap中所有的CSS变量进⾏修改,依据⾃⼰的需求裁剪代码。
框架
jQuery UI Bootstrap框架,
学习地址:v3.bootcss/css/#grid-example-wrapping
引⽤⽂件:
<link href="css/bootstrap.min.css" rel="stylesheet" />
<script src="jquery-2.0.3.js"></script>jquery下载文件进度条
mysql培训学校<script src="js/bootstrap.min.js"></script>
它是基于jQuery的,内置css和⾃⾝的js;
学习
1,多熟悉下它的响应式的概念,其实也就是适配多客户端,多浏览器,兼容性好且样式都是经过精⼼设计的,美观;
2,多熟悉下它的⼀些样式;
css定位元素es6 阮一峰3,多熟悉下它的优站精选,增加⼀下对它的兴趣,那样可以促进学习;
附件
while循环求1 100的和1,⾃⼰3天学习写的demo
总结
这篇主要讲解了,对Bootstrap的了解;
下⼀篇,软考的⼀点点认识暨2015年下半年软考;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论