Bootstrap学习--认识Bootstarp
2015-07-29 16:22
639 查看
Bootstrap 是一个基于 HTML、CSS、JavaScript的用于快速开发 Web 应用程序和网站的前端框架。
选择Bootstrap的原因有以下几点:
1.移动设备优先:Bootstrap框架包含了贯穿于整个库的移动设备优先的样式。
2.浏览器支持:所有的主流浏览器都支持 Bootstrap。
3.容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。
4.响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
5.它包含了功能强大的内置组件,易于定制。并且界面美观。
学习Bootstrap必备环境
注意jquery的js必须放在bootstrap的js之前
移动设备优先
通过上面的设置可以保证网站被不同分辨率的设备浏览。device-width指定了时实的呈现,inital-scale=1.0表示将以1:1的比例显示,不缩放。
bootstrap的实质是通过css样式来实现页面的响应式布局。
选择Bootstrap的原因有以下几点:
1.移动设备优先:Bootstrap框架包含了贯穿于整个库的移动设备优先的样式。
2.浏览器支持:所有的主流浏览器都支持 Bootstrap。
3.容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。
4.响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
5.它包含了功能强大的内置组件,易于定制。并且界面美观。
学习Bootstrap必备环境
<link href="../js/bootstrap/css/bootstrap-theme.css" rel="stylesheet"> <script type="text/javascript" src="../js/jquery.min.js"></script> <script src="../js/bootstrap/js/bootstrap.min.js"></script>
注意jquery的js必须放在bootstrap的js之前
移动设备优先
<meta name="viewport" content="width=device-width, initial-scale=1.0">
通过上面的设置可以保证网站被不同分辨率的设备浏览。device-width指定了时实的呈现,inital-scale=1.0表示将以1:1的比例显示,不缩放。
<meta http-equiv="X-UA-Compatible" content="IE=Edge">该端代码是为了让IE使用页面所支持的浏览器。
bootstrap的实质是通过css样式来实现页面的响应式布局。
相关文章推荐
- bootstrap读书笔记---未完待续
- Bootstrap组件之按钮组
- BootStrap栅格系统
- Js+Jquery+bootstrap问题小结
- Bootstrap简介
- Bootstrap 模态框(Modal)插件
- Bootstrap css栅格 + 网页中插入代码+css表格
- 最近玩Bootstrap , 一些小工具 记录在案。
- CSS - toggle collapse 类似bootstrap的展开效果
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- bootstrap 移动自适应界面
- Bootstrap网格布局
- bootstrap2和bootstrap3的用法区别概述(二)
- Cordys HTML5 SDK BootStrap
- 学习Bootstrap组件之下拉菜单
- Bootstrap Multiselect 设置 option
- bootstrap01-hello
- 学习 java netty (二) -- ServerBootstrap
- BootStrap导航条
- Bootstrap组件之下拉菜单