Minima黑色响应式后台管理模板

Minima黑色响应式后台管理模板基于Bootstrap3.3.4制作，黑色风格，兼容PC端和手机移动端，全套模板，包括登录、仪表盘、按钮、窗口部件、网格布局、图表等后台模板页面。

模板截图

代码截图

主要HTML

index.html

<!DOCTYPE html>
<html><head><title>Minimal 1.0 - Dashboard</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="UTF-8" />  <!-- Bootstrap --><link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css"><link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css"><link rel="stylesheet" href="assets/css/vendor/animate/animate.min.css"><link type="text/css" rel="stylesheet" media="all" href="assets/js/vendor/mmenu/css/jquery.mmenu.all.css" /><link rel="stylesheet" href="assets/js/vendor/videobackground/css/jquery.videobackground.css"><link rel="stylesheet" href="assets/css/vendor/bootstrap-checkbox.css"><link rel="stylesheet" href="assets/js/vendor/rickshaw/css/rickshaw.min.css"><link rel="stylesheet" href="assets/js/vendor/morris/css/morris.css"><link rel="stylesheet" href="assets/js/vendor/tabdrop/css/tabdrop.css"><link rel="stylesheet" href="assets/js/vendor/summernote/css/summernote.css"><link rel="stylesheet" href="assets/js/vendor/summernote/css/summernote-bs3.css"><link rel="stylesheet" href="assets/js/vendor/chosen/css/chosen.min.css"><link rel="stylesheet" href="assets/js/vendor/chosen/css/chosen-bootstrap.css"><link href="assets/css/minimal.css" rel="stylesheet"><!-- HTML5 Shim and Respond.js 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="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script><![endif]--></head><body class="bg-1"><!-- Preloader --><div class="mask"><div id="loader"></div></div><!--/Preloader --><!-- page header --><div class="pageheader"><h2><i class="fa fa-tachometer"></i> Dashboard<span>// Place subtitle here...</span></h2><div class="breadcrumbs"><ol class="breadcrumb"><li>You are here</li><li><a href="index.html">Minimal</a></li><li class="active">Dashboard</li></ol></div></div><!-- /page header --><!-- tile footer --><div class="tile-footer text-center"><ul class="pagination pagination-sm nomargin pagination-custom"><li class="disabled"><a href="#"><i class="fa fa-angle-double-left"></i></a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li><li><a href="#"><i class="fa fa-angle-double-right"></i></a></li></ul></div><!-- /tile footer --></body>
</html>

主要CSS

bootstrap.css

/*!* Bootstrap v3.3.4 (http://getbootstrap.com)* Copyright 2011-2015 Twitter, Inc.* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;
}
body {margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {display: block;
}
audio,
canvas,
progress,
video {display: inline-block;vertical-align: baseline;
}
audio:not([controls]) {display: none;height: 0;
}
[hidden],
template {display: none;
}
a {background-color: transparent;
}
a:active,
a:hover {outline: 0;
}
abbr[title] {border-bottom: 1px dotted;
}
b,
strong {font-weight: bold;
}
dfn {font-style: italic;
}
h1 {margin: .67em 0;font-size: 2em;
}
mark {color: #000;background: #ff0;
}
small {font-size: 80%;
}
sub,
sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;
}
sup {top: -.5em;
}
sub {bottom: -.25em;
}
img {border: 0;
}
svg:not(:root) {overflow: hidden;
}
figure {margin: 1em 40px;
}
hr {height: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;
}
pre {overflow: auto;
}
code,
kbd,
pre,
samp {font-family: monospace, monospace;font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {margin: 0;font: inherit;color: inherit;
}
button {overflow: visible;
}
button,
select {text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;
}
button[disabled],
html input[disabled] {cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {padding: 0;border: 0;
}
input {line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;
}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;
}
fieldset {padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;
}
legend {padding: 0;border: 0;
}
textarea {overflow: auto;
}
optgroup {font-weight: bold;
}
table {border-spacing: 0;border-collapse: collapse;
}
td,
th {padding: 0;
}

GIF演示

源码下载

关注微信公众号【啦啦啦好想biu点什么】后台回复【Minima】免费获取

Minima黑色响应式后台管理模板相关推荐

bootstrap 提交表单给后台_基于Bootstrap的响应式后台管理模板Ace
Ace是一个轻量级.功能丰富,基于Bootstrap3的响应式后台管理模板.支持多种皮肤,集成了多种插件,如Bootstrap,jQuery UI等.支持IE 8/9/10/11.Chrome.Fir ...
Metronic – 超赞！基于 Bootstrap 的响应式后台管理模板
Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现.Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页 ...
推荐几款基于Bootstrap的响应式后台管理模板
1.Admin LTE 该模版开源免费. AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3的框架.高度可定制的,易于使用.支持很多的屏幕分辨率适合从小型移动设备到大型台式机. ...
[后台系统模板]优质、整洁的基于Bootstrap 3 Bootstrap 4的响应式后台管理系统模板...
模板摘要本文分享的是一套基于Bootstrap 3(同时支持Bootstrap 4)的优质.整洁的响应式后台管理系统模板.它非常干净.整洁,但同时可自定义各种组件等.全响应式布局,你可以轻松地定制. ...
帝国CMS7.5响应式后台美化模板支持GBK+UTF
介绍: 帝国CMS7.5响应式后台美化模板支持GBK+UTF 1.支持帝国CMS7.5版本,GBK.UTF编码 2.采用ZUI前端框架开发 3.响应式布局,兼容多终端分辨率,包含:19201080, ...
基于 Bootstrap 的响应式后台管理面板
你想建立一个后台管理面板或者分析仪表板吗?不需从头开始,Keen IO Bootstrap 是一个响应式的仪表盘模板,可以帮助你在几分钟内呈现数据,让你可以创建一个有吸引力的,定制的分析仪表板,随时可 ...
frestadmin多样式响应式后台HTML模板
介绍: frestadmin是一款国外商业后台模板,v21版本,价值30多美元,共有多种布局多种样式风格. 基于bootstrap内核开发,模板分html静态版和larvel版本,下载后看清楚. 网盘 ...
10款优秀Bootstrap响应式后台管理系统模板
1 metro win8 风格模板演示地址(http://www.js-css.cn/divcss/admin/metro/ ) 2 多颜色主题功能强大ACE后台模板 (Bootstrap3模板) ...
Metronic – 模板，基于 Bootstrap 的响应式后台+前台管理模板
Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现.Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页 ...

Minima黑色响应式后台管理模板

模板截图

代码截图

主要HTML

主要CSS

GIF演示

源码下载

相关内容

Minima黑色响应式后台管理模板相关推荐

最新文章

热门文章