用bootstrap开发网页之导入框架

来源:互联网 发布:视频加速播放软件 编辑:程序博客网 时间:2024/05/16 00:46
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"> <link href=" http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" ><stript scr="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></stript><script scr="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><!--[if lt IE 9]>      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    <![endif]--><title>Hello World</title></head><body></body></html>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">  // 在IE=edge中 强力渲染

<meta name="viewport" content="width=device-width, initial-scale=1"> // 窗口的自适应缩放

<link href=" http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" >

<stript scr="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></stript>

<script scr="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

//导入bootstrap的css样式和js样式

<!--[if lt IE 9]>

      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
//在版本低的IE中引入另外的bootstrap的样式
//以上是用bootstrap开发网页所必须的.微笑
<title>Hello World</title>
</head>


<body>








</body>

</html>

然后我们想要什么就在body里面加入我们需要显示的东西,给它相应的类,让它和我们想要的效果一样。。。


1 0