bootstrap简要介绍整理

bootstrap使用了一些html5元素和css属性,所以页面的文档类型应为html5

<!DOCTYPE html>
<html>
....
</html>

bootstrap3设计目标是移动设备优先,所以是一个开发移动端页面的好的选择,为了让它更好的对移动设备友好,需要添加如下标签:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

device-width是为了确保让它正确呈现在不同的设备上,initial-scale为了确保网页加载时以1:1比例加载

当然我们也可以加上maximum-scale=1.0和user-scalable=no,让用户体验上更像是原生应用,页面只能滚动

如果你需要在ie8或以下版本浏览器支持html5元素和媒体查询,可以加入以下插件

<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

下面这行代码声明的是浏览器如何渲染页面

<meta http-equiv="X-UA-Compatible" content="IE=edge">

意味着ie浏览器8/9及以后的版本都以最高版本ie渲染页面

时间: 2024-10-11 08:51:08

bootstrap简要介绍整理的相关文章

Bootstrap简要介绍

Bootstrap是一个CSS的框架,它有Twitter工程师开发,但是目前这个框架比Twitter本身更为流行,ppt中重点描述了Bootstrap的网格布局原理,当然,作为一个框架,需要前端工程师能够深入看更多的例程,本文仅仅对最核心的思想做了概要介绍. 篇幅过长 点击链接下载资源https://www.slidestalk.com/s/TDAP_Bootstrap77698 原文地址:https://www.cnblogs.com/slidestalk/p/9765637.html

简要介绍Bootstrap,以及如何下载、使用

下载Bootstrap Bootstrap提供了几种可以帮你快速上手的方式,每种方式针对具有不同技能等级的开发者和不同的使用场景.继续阅读下面的内容,看看哪种方式适合你的需求吧. 编译后的CSS.JS和字体文件 获取Bootstrap最快速的方式就是下载经过编译和压缩的CSS.JavaScript文件,另外还包含字体文件.但是不包含文档和源码文件. 额外的下载渠道 下载源码 从GitHub可以直接下载到Bootstrap最新版本的LESS和JavaScript源码. Clone or fork

【afinal框架】FinalBitmap的简要介绍与使用

首先,afinal开源框架是由国内开发者杨福海编写整理而成,在此,感谢他的无私贡献. afinal框架的github地址 afinal框架有四个部分,分别为FinalActivity.FinalBitmap.FinalDb.FinalHttp组成,分别完成Activity定义.图片加载.数据库使用.网络操作的功能,具体的介绍不再说了,今天这篇文章主要是介绍FinalBitmap,也就是图片加载这个类的使用与介绍. 首先在Android开发中,图片的显示可以说是必不可少的,由于Android运行平

0-Android编译系统简要介绍和学习计划

Android编译系统简要介绍和学习计划 来源:http://blog.csdn.net/luoshengyang/article/details/18466779 导语: 在Android源码环境中,我们开发好一个模块后,再写一个Android.mk文件,就可通过m/mm/mmm/make等命令进行编译.此外,通过make命令还可制作各种系统镜像文件,例如system.img.boot.img和recovery.img等.这一切都得益于Android编译系统,它为我们处理了各种依赖关系,以及提

FinalActivity的简要介绍与使用

之前的两篇文章介绍了AFinal框架下的图片加载与网络通信的部分,这篇文章主要简单介绍FinalActivity的使用. 首先,FinalActivity是基于IOC机制,通过依赖注入的方式完成控件的id绑定与事件绑定,从而实现代码量的精简.下面是FinalActivity的最简单的使用 public class MainActivity extends FinalActivity { @ViewInject(id = R.id.btn, click = "click") Button

Android运行时ART简要介绍和学习计划

Android在4.4就已推出新运行时ART,准备替代用了有些时日的Dalvik.不过当时尚属测试版,主角仍是Dalvik. 直到今年的Google I/O大会,ART才正式取代Dalvik.这个消息在科技界引起不小轰动,也吸引不少技术人员对它的"技术分析".可惜这些"技术分析"不过是引用了官方的数据和图表而已.这一系列文章将对ART进行真正的技术分析.老规矩,分析前先进行简要介绍和制定学习计划. 老罗的新浪微博:http://weibo.com/shengyang

SEAndroid安全机制简要介绍和学习计划

与iOS相比,Android最被人诟病的是其流畅性和安全性.然而,从4.0开始,Android不遗余力地改善其流畅性.特别是在即将发布的L版本中,用ART替换了Dalvik,相信会越来越流畅.至于安全性,Android也没有遗忘.从4.3开始,Android引入了一套基于SELinux的安全机制,称为SEAndroid,来加强系统安全性.接下来我们就对SEAndroid进行简要介绍和制定学习计划. 老罗的新浪微博:http://weibo.com/shengyangluo,欢迎关注! 在介绍SE

html5 拖拽的简要介绍

1,首先,你要告诉计算机那个元素可以拖动,或者是一张图,或者是一个盒子,在标签里面加上 draggable="true"  2,然后,监听该元素被拖动的函数 ondragstart="drag(event)" 3,drag 里面告诉计算机是那个元素被拖动的 ev.dataTransfer.setData("Text",ev.target.id); 4,接下来将拖动的元素放到哪个盒子,(或者是经过那个盒子,经过某个盒子的时候触法 ondragove

0-Broadcast机制原理简要介绍

Broadcast机制简要介绍 来源: http://blog.csdn.net/luoshengyang/article/details/6730748 导语 广播机制在Android系统中,也不算是什么创新的东西.如果读者了解J2EE或者COM,就会知道,在J2EE中,提供了消息驱动Bean(Message-Driven Bean),用来实现应用程序各个组件之间的消息传递:而在COM中,提供了连接点(Connection Point)的概念,也是用来在应用程序各个组间间进行消息传递.无论是J