20150816 Bootstrap入门
2015-08-17 19:48
621 查看
Bootstrap简单、灵活的勇于搭建WEB页面的HTML/CSS/JavaScript的工具集
基于html5+css3,是简洁、前大的前端开发框架,让web开发更迅速、更简单
下载:http://getbootstrap.com/
Bootstrap2放弃...
Bootstrap3放弃IE7/Firefox3.x, IE8支持,但不完全呈现效果
Bootstrap中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
在IE运行最新的渲染模式
<meta name="viewport" content="width=device-width, initial-scale=1">
ViewPort <meta>标记用于指定用户是否可以缩放Web页面。
width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。
initial-scale指令用于设置Web页面的初始缩放比例。
"指定用户是否可以缩放视区,即缩放Web页面的视图。"是user-scalable指令 ,值为yes时允许用户进行缩放,值为no时不允许缩放。
Bootstrap是移动设备优先的,它针对移动设备的样式融合进了框架的每个角落,似的只需要通过简单的编码,便可以实现漂亮的响应式布局。
CSS/COMPONENTS/JavaScript/定制Bootstrap
html5shiv.js让IE6-8识别html5新元素
respond.min.js解决IE8对CSS3 Media Query支持
导航条依赖JS,响应式导航条依赖折叠插件collapse datatoggle="collapse"
使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距(margin)。例如,.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列(column)的宽度。
基于html5+css3,是简洁、前大的前端开发框架,让web开发更迅速、更简单
下载:http://getbootstrap.com/
Bootstrap2放弃...
Bootstrap3放弃IE7/Firefox3.x, IE8支持,但不完全呈现效果
Bootstrap中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
在IE运行最新的渲染模式
<meta name="viewport" content="width=device-width, initial-scale=1">
ViewPort <meta>标记用于指定用户是否可以缩放Web页面。
width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。
initial-scale指令用于设置Web页面的初始缩放比例。
"指定用户是否可以缩放视区,即缩放Web页面的视图。"是user-scalable指令 ,值为yes时允许用户进行缩放,值为no时不允许缩放。
Bootstrap是移动设备优先的,它针对移动设备的样式融合进了框架的每个角落,似的只需要通过简单的编码,便可以实现漂亮的响应式布局。
CSS/COMPONENTS/JavaScript/定制Bootstrap
html5shiv.js让IE6-8识别html5新元素
respond.min.js解决IE8对CSS3 Media Query支持
导航条依赖JS,响应式导航条依赖折叠插件collapse datatoggle="collapse"
使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距(margin)。例如,.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列(column)的宽度。
相关文章推荐
- bootstrap-editable文档
- BootstrapTable(附源码) Bootstrap结合BootstrapTable的使用,分为两种模试显示列表。
- bootstrap布局 网格系统
- bootstrap布局 网格系统
- bootstrap单击导航条下的li后,自动收回
- bootstrap的datepicker控件使用心得
- bootstrap link
- 使用bootstrap返回空白页面问题
- bootstrap 模态框 删除确认
- Bootstrap下拉菜单dropdown-menu
- 在ASP.NET MVC中使用 Bootstrap table插件
- Bootstrap全屏
- Bootstrap的clearfix
- Bootstrap3组件--2
- 《基于BootStrap3的JSP项目实例教程》第4讲
- bootstrap轮播和百叶窗
- bootstrap之模态框
- bootstrap3学习1:响应式布局layout
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- Boostrap入门+样式学习--贰--(慕课网大漠《玩转bootstrap》[基础])