标签:
1.0什么是Bootstrap?
Bootstrap 是一个简洁,直观,强悍的前段开发框架,让Web开发更迅速,简单。
2.0Bootstrap能干什么?
主要用来制作响应式网站,包含了丰富的web组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:
下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。
主要笔记:
1.0Bootstrap是移动设备优先的,假如要让手机屏幕看网页的时候,禁用其缩放功能,让用户只能滚动屏幕,看起来更像原生应用的。
加入以下meta属性:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>
也就是说禁用了网页的缩放功能就能让网页看起来更像原生应用
2.0Bootstrap 使用方式就是在内容里面添加一个.container 容器。
3.0让各种浏览器看起来表现有一致性,一般要先重置CSS样式。
开源的CSS重置样式库有normailze.css
4.0 引入Bootstrap?
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
标签:
原文地址:http://www.cnblogs.com/leong/p/4193469.html