Bootstrap 响应式布局模板
2016-03-24 21:54
477 查看
每次制作响应式页面都要写一大坨东西,很是麻烦,于是我私人订制了一个bootrap模板,放在的这备个份,喜欢的就拿走吧。
<!DOCTYPE html> <html lang="zh-CN"> <head> <!-- Meta, title, CSS, favicons, etc. --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <meta name="description" content="Bootstrap制作的响应式网站"> <meta name="keywords" content="HTML, CSS, JS, JavaScript, bootstrap, front-end"> <meta name="author" content="牛"> <title> title </title> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/index.css" /> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="js/html5shiv.min.js"></script> <script src="js/respond.min.js"></script> <![endif]--> <!-- Favicons --> <link rel="shortcut icon" href="img/museum.ico" /> </head> <body> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
相关文章推荐
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- angular 指令简述
- Bootstrap每天必学之前端开发框架
- JS组件中bootstrap multiselect两大组件较量
- 基于Bootstrap的网页设计实例
- BootStrap实用代码片段之一
- JS组件Bootstrap Select2使用方法详解
- 精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
- Bootstrap入门书籍之(五)导航条、分页导航
- 全面解析Bootstrap手风琴效果
- JS组件Bootstrap Table表格行拖拽效果实现代码
- Bootstrap每天必学之按钮
- 轻松实现Bootstrap图片轮播
- 全面解析Bootstrap弹窗的实现方法
- Bootstrap每天必学之js插件
- 全系IE支持Bootstrap的解决方法
- Bootstrap轮播加上css3动画,炫酷到底!
- Bootstrap入门书籍之(三)栅格系统
- Bootstrap树形组件jqTree的简单封装