您现在的位置是:网站首页> 编程资料编程资料
Bootstrap 学习分享
2021-09-01
1078人已围观
简介 Bootstrap 是由Twitter 工程师推出的基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架
Bootstrap 是由Twitter 工程师推出的基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架,
我们可以把它想象成一个定义了很多效果的CSS与JS的库,库里面已经定义好了各种组件的显示效果与动画,
比如:栅格布局、各种按钮、表格、表单、下拉菜单、标签页、导航条等,对于前端来说花几个小时看看官网的用法就能学会,
只要按照它的使用规则使用就可以了。没有什么教程比官方的更清楚了,直接看官方文档吧
中文资料看这里:http://wrongwaycn.github.com/bootstrap/docs/index.html
英文资料看这里:http://twitter.github.com/bootstrap/index.html
Bootstrap对于没有美感的同学是很有用处的,后端可以拿来用一下,可以很容易就构建出一个不难看的网站
不过遗憾的是由于用到一些CSS的新技术,只支持现代的浏览器,IE6这种古董就不支持了,
github有个bootstrap-ie的项目,有兴趣的可以去看看:
https://github.com/empowering-communities/Bootstrap-IE6
这个也算一篇博客吗。。。。我去
贴个练习图会显得长一点。
我们可以把它想象成一个定义了很多效果的CSS与JS的库,库里面已经定义好了各种组件的显示效果与动画,
比如:栅格布局、各种按钮、表格、表单、下拉菜单、标签页、导航条等,对于前端来说花几个小时看看官网的用法就能学会,
只要按照它的使用规则使用就可以了。没有什么教程比官方的更清楚了,直接看官方文档吧
中文资料看这里:http://wrongwaycn.github.com/bootstrap/docs/index.html
英文资料看这里:http://twitter.github.com/bootstrap/index.html
Bootstrap对于没有美感的同学是很有用处的,后端可以拿来用一下,可以很容易就构建出一个不难看的网站
不过遗憾的是由于用到一些CSS的新技术,只支持现代的浏览器,IE6这种古董就不支持了,
github有个bootstrap-ie的项目,有兴趣的可以去看看:
https://github.com/empowering-communities/Bootstrap-IE6
这个也算一篇博客吗。。。。我去
贴个练习图会显得长一点。
相关内容
- HTML5实践-图片设置成灰度图html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- 使用css如何制作时间ICON方法实践纯CSS3实现的动态天气小图标特效源码纯CSS3实现天气动画图标特效源码详解CSS中iconfont的使用使用icon fonts来辅助CSS处理图片CSS3制作ajax loader icon实现思路及代码CSS3 icon font完全指南(CSS3 font 会取代icon图标)z-blog用CSS定义分类RSS订阅图标CSS icon图标之纯CSS实现带动画效果的天气图标
- 浅谈three.js中的needsUpdate的应用html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- 用HTML5实现手机摇一摇的功能的教程HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例Html5+JS实现手机摇一摇功能html5摇一摇代码优化包括DeviceMotionEvent等等html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等基于html5 DeviceOrientation 实现微信摇一摇功能
- HTML5是什么 HTML5是什么意思 HTML5简介浅谈HTML5 FileReader分布读取文件以及其方法简介HTML与XHTML、以及HTML4与HTML5标签之间的区别简介HTML5的一个显示电池状态的API简介HTML5安全介绍之内容安全策略(CSP)简介HTML5的标签的代码的简单介绍 HTML5标签的简介html5新增的定时器requestAnimationFrame实现进度条功能HTML5新增加的功能详解iPhone5和iOS6上HTML5开发的新增功能html5简介及新增功能介绍
- HTML5上传文件显示进度的实现代码使用Html5实现异步上传文件,支持跨域,带有上传进度条HTML5拖拉上传文件的简单实例HTML5+WebSocket实现多文件同时上传的实例html5 实现客户端验证上传文件的大小(简单实例)html5拍照功能实现代码(htm5上传文件)input file上传文件样式支持html5的浏览器解决方案Html5实现文件异步上传功能
- input元素的url类型和email类型简介html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- HTML5安全介绍之内容安全策略(CSP)简介浅谈HTML5 FileReader分布读取文件以及其方法简介HTML与XHTML、以及HTML4与HTML5标签之间的区别简介HTML5的一个显示电池状态的API简介HTML5是什么 HTML5是什么意思 HTML5简介HTML5的标签的代码的简单介绍 HTML5标签的简介html5新增的定时器requestAnimationFrame实现进度条功能HTML5新增加的功能详解iPhone5和iOS6上HTML5开发的新增功能html5简介及新增功能介绍
- 开发人员所需要知道的HTML5性能分析面面观html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- 关于HTML5的22个初级技巧(图文教程)html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
