Bootstrap CSS .2
来源:互联网 发布:淘宝卖足球鞋店铺排名 编辑:程序博客网 时间:2024/05/16 11:59
HTML 5 文档类型(Doctype)
Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5文档类型(Doctype)。 因此,请在使用 Bootstrap 项目的开头包含下面的代码段。
....
如果在Bootstrap 创建的网页开头不使用 HTML5的文档类型(Doctype),您可能会面临一些浏览器显示不一致的问题,甚至可能面临一些特定情境下的不一致,以致于您的代码不能通过W3C 标准的验证。
Bootstrap 3 默认的 CSS 本身就对移动设备友好支持。
Bootstrap 3的设计目标是移动设备优先,然后才是桌面设备。这实际上是一个非常及时的转变,因为现在越来越多的用户使用移动设备。
为了让 Bootstrap开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加
name="viewport" content="width=device-width, initial-scale=1.0">
width
initial-scale=1.0
在移动设备浏览器上,通过为
通常情况下,maximum-scale=1.0
注意,这种方式我们并不推荐所有网站使用,还是要看您自己的情况而定!
name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
响应式图像
src="..." class="img-responsive" alt="响应式图像">
通过添加
接下来让我们看下这个 class 包含了哪些 css 属性。
在下面的代码中,可以看到img-responsive
.img-responsive { display: inline-block; height: auto; max-width: 100%;}
这表明相关的图像呈现为
设置
设置
- Bootstrap CSS .2
- 【原创】 下载 安装 bootstrap
- ul li CSS 样式
- css 中的 zoom 属性
- [ CSS ] filter:pr…
- table css border
- Program exited with code **** 2
- twitter bootstrap的bugs
- [转]CSS ::Selection
- CSS Hack
- css 垂直剧中
- css 禁止换行
-  
- CSS Hack 汇总快查
- CSS border-style 属性
- LESS CSS 框架简介
- CSS 3 的动画功能
- Lesson 2 Breakfast or lunch?
- SQL和网页新学习笔记1.1
- LL今天心情特别好,因为他去买了一副扑克牌,发现里面居然有2个大王,2个小王(一副牌原本是54张^_^)...他随机从中抽出了5张牌,想测测自己的手气,看看能不能抽到顺子,如果抽到的话,他决定去买体育
- MySQL笔记1
- Java数据结构与算法解析(一)——表
- MySQL笔记1.1
- Bootstrap CSS .2
- PHP菜鸟基础知识0.1
- PHP菜鸟基础知识0.3
- PHP课设-问题笔记
- MySql中添加用户,新建数据库,用户授权,删除用户,修改密码
- 人工智能+Python
- 计科-面试问题(1)
- python 3.x(1)
- SpringMVC返回jsonp的问题