本站公告: 本站主题正在调试中,可能会出现一些访问异常....

Bootstrap基本模板

前端开发 兰亭楼 0评论 浏览

blob.png

Bootstrap是目前最流行的前端框架,其出色的外观,响应式设计以及高度的可定制性赢得了很多前端工程师的亲睐。如何开始一个Bootstrap往往令很多国内工程师头痛,下面提供一个适合国内环境的Bootstrap基本模板,你要做的就是书写自己的代码。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">  //使用最新版IE进行渲染
<meta name="viewport" content="width=device-width, initial-scale=1">  //禁用手机缩放
<meta name="description" content="">
<meta name="renderer" content="webkit">    //强制360等浏览器使用webkit内核进行渲染

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="css/bootstrap.css">  //bootstap核心css文件
<link rel="stylesheet" href="css/lantinglou.css">  //自己的css文件
<script src="js/jquery-1.8.3.min.js"></script>    //jQuery
<script src="js/bootstrap.js"></script>  //bootstap核心js文件

 <!--[if lt IE 9]>    //IE9一下浏览器支持 媒体查询及HTML5标签
          <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>兰亭楼</title>
</head>

拷贝以上代码作为头部,接下来你就可以可以写自己的代码了.


转载请注明: 兰亭楼 » Bootstrap基本模板

与本文相关的文章

发表我的评论 换个身份
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址