首页 > 代码库 > BOOTSTRAP

BOOTSTRAP


bootstrap

1.下载 BootStrap 中文官网下载http://www.bootcss.com/

2 在网页中使用 Bootstrap

例————简单的基本模版


<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <--viewport 的标签,这个标签可以修改在大部分的移动设备上面的显示,为了确保适当的绘制和触屏缩放。-->
<!-- Bootstrap -->
<link href="http://www.mamicode.com/css/bootstrap.min.css" rel="stylesheet" media="screen"> <!-- 首先我们可以将 Bootstrap 的样式文件引用到网页中-->

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn‘t work if you view the page via file:// -->
<!--[if lt IE 9] 使用的 html5 的一些新的标签,那么在 IE9 以下的浏览器并不支持这些标签,也不能为这些标签进行添加样式。那么修复这个问题我们需要链接引用的文件如下>
<script src="http://labfile.oss.aliyuncs.com/html5shiv/3.7.0/html5shiv.js"></script>
<script src="http://labfile.oss.aliyuncs.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>

<h1>杨慧慧啥都会</h1>


<script src="http://www.mamicode.com/js/jquery-2.0.3.js"></script> <!--使用 Bootstrap 架构提供 JavaScript 插件,JavaScript 插件都是依赖与 jQuery 库的,所以我们当然也需要链接引用 jquery 的库文件-->
<script src="http://www.mamicode.com/js/bootstrap.min.js"></script>
</body>
</html>

 

BOOTSTRAP