码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 学习笔记

时间:2014-12-30 15:07:31      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

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>

Bootstrap 学习笔记

标签:

原文地址:http://www.cnblogs.com/leong/p/4193469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!