bootstrap基本模板

<!DOCTYPE html><!--html5文档格式-->

<html lang="zh-CN"><!--申明语言是中文简体-->

<head>

<meta charset="utf-8">

<!--当是IE的是试用最新的渲染引擎来渲染页面-->

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!--让页面适配移动端  需要加上 user-scalable=0 让用户不予许缩放-->

<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">

<!--页面的加载顺序和解析顺序 -->

<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->

<title>template</title>

<!--引入网站图标-->

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>

<!-- Bootstrap 核心css文件-->

<link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">

<!--IE8一下就不支持html5标签和媒体查询-->

<!--

html5标签要支持的话?  引入 html5shiv

media query 要支持的话?  引入 respond

-->

<!--注意:要已http形式打开你的页面  否者respond不生效-->

<!-- HTML5 shim and Respond.js for 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]>

<script src="../lib/html5shiv/html5shiv.min.js"></script>

<script src="../lib/respond/respond.min.js"></script>

<![endif]-->

<!--TODO 自己项目的文件-->

</head>

<body>

<!--TODO 自己项目页面内容-->

<!--头部-->

<header class="_header">

<header>

<!--导航栏-->

<nav class="wjs_nav"></nav>

<!--轮播图-->

<div class="wjs_banner"></div>

<!--信息-->

<div class="wjs_info"></div>

<!--预约-->

<div class="wjs_book"></div>

<!--产品-->

<div class="wjs_product"></div>

<!--新闻-->

<div class="wjs_news"></div>

<!--合作伙伴-->

<footer class="wjs_partner"></footer>

<!--引入jquery  因为bootstrap是依赖-->

<!-- jQuery (necessary for Bootstrap‘s JavaScript plugins) -->

<script src="../lib/jquery/jquery.min.js"></script>

<!-- bootstrap 核心js文件-->

<!-- Include all compiled plugins (below), or include individual files as needed -->

<script src="../lib/bootstrap/js/bootstrap.min.js"></script>

<!--TODO 自己项目js文件-->

</body>

</html>

时间: 2024-10-26 15:46:13

bootstrap基本模板的相关文章

Bootstrap网站模板

基于上一篇文章,觉得再这样写下去,意义不大,决定收手.还是直接做一个简单的基础模板吧 主要知识点包括栅格系统.响应式图片.导航条(固定在顶部和底部).搜索框等等 具体每个知识点不再赘述,参考Bootstrap中文网 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>indexl.html</title> &l

简洁AngularJS框架后台管理系统bootstrap后台模板

最近在做一个后台管理的项目,但是没有设计图完全,所以就发现一款非常不错的模版. 这个模版是基于 AngularJS 和 bootstrap 的后台管理系统模版. Minovate是 AngularJS 高级管理系统模板.它建造在流行的Twitter Bootstrapv3框架上.Minovate完全基于HTML5 + CSS3标准.是充分响应的支持每一个设备和浏览器. Minovate包含许多示例页面可以使用它的元素和可定制的.你可以选择6种颜色的头部样式.导航.你可以切换固定导航,标题和选择等

JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果

Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) Ace英文官网:http://wrapbootstrap.com/preview/WB0B30DGR Ace模板功能介绍地址:http://www.cnblogs.com/txw1958/p/Ace-Responsive-Admin-Template.html 一.效果展示 1.初始加载出来的效果 2.展开菜单(支持多级展开,后面代码介绍) 3.点击子菜单,以

hangfire+bootstrap ace 模板实现后台任务管理平台

前言 前端时间刚开始接触Hangfire就翻译了一篇官方的教程[翻译+山寨]Hangfire Highlighter Tutorial,后来在工作中需要实现一个异步和定时执行的任务管理平台,就结合bootstrap ace模板和hangfire实现了一下.效果图如下: 遇到的坑 1.Hangfire的任务持久化很耗性能 生产环境部署时数据库Hangfire相关表已经手动创建好,可能忽略了哪些东西,站点运行时还是要创建,因为DBA给的权限没有Create所以报错了.最好的方案是给个大点的权限让Ha

JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享(你值得拥有)

前言:最近园子里多了许多谈语言.谈环境.谈逼格(格局)的文章,看看笑笑过后,殊不知其实都是然并卵.提升自己的技术才是王道.之前博主分享过多篇bootstrap组件的文章,引起了很多园友的关注和支持,看样子这种风格还是受到很多园友青睐的.本着不辜负园友们的支持的原则,应群友们的要求,今天来分享下项目中使用Ace模板的菜单样式和基于iframe的Tab页效果. Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) A

JS组件系列——基于Bootstrap Ace模板的菜单Tab页效果优化

前言:之前发表过一篇  JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享(你值得拥有) ,收到很多园友的反馈,当然也包括很多诟病,因为上篇只是将功能实现了,很多细节都没有处理,这篇博主将带领大家一起来优化这里的效果,使之成为一个可以在项目里面使用的成品. 说点题外话,本来,在互联网模式下,Tab页+iframe的组合是不能被大多数平台接受的,从这些年推出的一些好的产品可以看出,几乎大家都不这么玩,即使是一些后台的管理模板,比如常见的AdminLTE.Ace.INSPIN

12个免费的 Twitter Bootstrap 后台模板

在互联网上提供很多免费的 Bootstrap 管理后台主题.所有你需要做的就是将它们下载并安装它们,这真的不是什么难事.问题是如何寻找到能够完美符合您的网站需求的主题.当然,你可以自己制作自定义的主题,但时间和资源都是很高贵的,所以在这里我们集合了互联网上一些最好的主题. 您可能感兴趣的相关文章 流行 Metro UI 风格 Bootstrap 主题和模板 12款优秀的 Twitter Bootstrap 组件和工具 赞!基于 Bootstrap 的响应式后台管理模板 基于 Twitter Bo

1 - bootstrap基本模板

bootstrap 3.x 下载地址:http://v3.bootcss.com/ 基本模板如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <!-- IE使用最新的渲染模式 --> <meta http-equiv="X-UA-Compatible" content="IE=edg

bootstrap使用模板

Bootstrap下载地址: - https://github.com/twbs/bootstrap/releases/download/v3.3.6/bootstrap-3.3.6-dist.zip- https://github.com/twbs/bootstrap/releases/download/v4.0.0-alpha.2/bootstrap-4.0.0-alpha.2-dist.zip Bootstrap文档 - [官方文档](http://getbootstrap.com/)-

值得分享的Bootstrap Ace模板实现菜单和Tab页效果(转)

Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) Ace英文官网:http://wrapbootstrap.com/preview/WB0B30DGR Ace模板功能介绍地址:http://www.cnblogs.com/txw1958/p/Ace-Responsive-Admin-Template.html 1.菜单效果 由于Ace是基于Bootstrap的,所以首先需要引用jquery和bootstrap