您的位置：首页 > Web前端 > BootStrap

用bootstrap开发网页之导入框架

2016-04-13 16:39 603 查看 
<!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里面加入我们需要显示的东西，给它相应的类，让它和我们想要的效果一样。。。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  学习笔记 bootstrap 框架
相关文章推荐
新的分享
章节导航