#Clearmin Web Template

Bootstrap 3 dashboard / webapp / admin template
**Check the demo : http://cm.paomedia.com/**
**More doc inside the repo**
Browser support : ie9+, (Chrome, firefox, opera, safari), mobile browsers
## Quick start
To start using Clearmin template in a new project you can use this minimal template :
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap-clearmin.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/roboto.css">
<link rel="stylesheet" type="text/css" href="assets/css/material-design.css">
<link rel="stylesheet" type="text/css" href="assets/css/small-n-flat.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<title>Clearmin Page</title>
</head>
<body class="cm-no-transition cm-1-navbar">
<div id="cm-menu">
<nav class="cm-navbar cm-navbar-primary">
<div class="cm-flex"><div class="cm-logo"></div></div>
<div class="btn btn-primary md-menu-white" data-toggle="cm-menu"></div>
</nav>
<div id="cm-menu-content">
<div id="cm-menu-items-wrapper">
<div id="cm-menu-scroller">
<ul class="cm-menu-items">
<li class="active"><a href="#" class="sf-house">This page is active</a></li>
</ul>
</div>
</div>
</div>
</div>
<header id="cm-header">
<nav class="cm-navbar cm-navbar-primary">
<div class="btn btn-primary md-menu-white hidden-md hidden-lg" data-toggle="cm-menu"></div>
<div class="cm-flex"><h1>Put your title here</h1></div>
</nav>
</header>
<div id="global">
<div class="container-fluid">
<div class="panel panel-default">
<div class="panel-body">
<h2 style="margin:0">Hello World !</h2>
</div>
</div>
</div>
<footer class="cm-footer"><span class="pull-right">© ACME Inc.</span></footer>
</div>
<script src="assets/js/lib/jquery-2.1.3.min.js"></script>
<script src="assets/js/jquery.mousewheel.min.js"></script>
<script src="assets/js/jquery.cookie.min.js"></script>
<script src="assets/js/fastclick.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/clearmin.min.js"></script>
</body>
</html>
```
## General structure
### CSS and JS files
**CSS files (`<head>`) :**
* assets/css/roboto.css (main font)
* assets/css/bootstrap-clearmin.css (bootstrap theme)
* assets/css/material-design.css (material design svg icons classes)
* assets/css/small-n-flat.css (small-n-flat svg icons classes)
* assets/css/font-awesome.min.css (iconic font classes)
**Javascript files (just before `</body>`) :**
* assets/js/lib/jquery-2.1.3.min.js (required by bootstrap)
* assets/js/lib/jquery.mousewheel.min.js (catch some scrolling events)
* assets/js/lib/jquery.cookie.min.js (cookie manipulation plugin)
* assets/js/lib/fastclick.min.js (enhance mobile device click events)
* assets/js/bootstrap.min.js (bootstrap js widgets)
* assets/js/clearmin.js (required by clearmin)
### Body classes
* cm-no-transition : **must** be present to prevent certain browser to start transition on page load
* cm-1-navbar : when one navbar is present on your page
* cm-2-navbar : when two navbars are present on your page
* cm-3-navbar : when three navbars are present on your page
* cm-menu-toggled : if you want the menu to be toggled on page load (see next section)
### Preserving left menu state between pages
When the user choose to use the condensed version of the side menu, we want it to stay in this state when the user click on another page. To achieve this, a cookie is automatically set to reflect the menu state.
You got two different way to restore this state :
* **Server-side** (recommended) : when your server receive a cookie named "cm-menu-toggled" with value "true", just add `.cm-menu-toggled` class to the body tag.
* **Client-side** : Nothing to do, `.cm-menu-toggled` is automaticaly added to the body when needed but it can cause a blinking reflow on certain browsers (e.g. Google Chrome)
## Credits
* [Bootstrap](http://getbootstrap.com/) css front-end framework.
* [jQuery](http://jquery.com/) fast, small, and feature-rich JavaScript library.
* [Summernote](http://hackerwins.github.io/summernote/) Super Simple WYSIWYG Editor on Bootstrap
* [Font Awesome](http://fortawesome.github.io/Font-Awesome/) The iconic font and CSS toolkit
* [Roboto](https://www.google.com/fonts/specimen/Roboto) Google font
* [Small-n-flat icons](https://github.com/paomedia/small-n-flat) SVG icons on a 24px grid
* [Material Design Icons](https://github.com/google/material-design-icons) Google SVG icons
* [D3.js](http://d3js.org/) Data-Driven Documents
* [C3.js](http://c3js.org/) D3-based reusable chart library
* [Highlight.js](https://highlightjs.org/) Syntax highlighting for the Web
* [Fastclick](https://github.com/ftlabs/fastclick) Polyfill to remove click delays on browsers with touch UIs
* [Jquery-cookie](https://github.com/carhartl/jquery-cookie) A simple, lightweight jQuery plugin for reading, writing and deleting cookies
* [Jquery-mousewheel](https://github.com/jquery/jquery-mousewheel) A jQuery plugin that adds cross-browser mouse wheel support
没有合适的资源?快使用搜索试试~ 我知道了~
毕设前端 Spring boot ssm echarts c3.zip

共2000个文件
svg:1782个
js:62个
java:55个

0 下载量 52 浏览量
2024-08-28
13:02:08
上传
评论
收藏 6.6MB ZIP 举报
温馨提示
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松copy复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全栈开发),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助 【资源内容】:项目具体内容可查看/点击本页面下方的*资源详情*,包含完整源码+工程文件+说明(若有)等。【若无VIP,此资源可私信获取】 【本人专注IT领域】:有任何使用问题欢迎随时与我联系,我会及时解答,第一时间为您提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【适合场景】:相关项目设计中,皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻,也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担 2. 部分字体及插图等来自网络,若是侵权请联系删除,本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
资源推荐
资源详情
资源评论




























收起资源包目录





































































































共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论


热爱技术。
- 粉丝: 3089
- 资源: 7985
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- GitHub新手使用教程(Windows Git从安装到使用).docx
- Matlab Simulink下的双馈风机控制策略比较研究:超速减载变桨调频与下垂控制及虚拟惯性控制的应用分析于三机九节点系统中,Matlab Simulink下的双馈风机全套控制策略解析:超速减载变
- 基于深度强化学习的无人机自主避障与目标追踪:MP-DQN算法Python实现(论文复现含可运行代码及解释共18页)
- Linux下Nginx+Tomcat负载均衡和动静分离配置要点.docx
- Deepseek免费无卡顿五大访问全攻略:多平台实现AI快速响应
- 电脑装机必备软件清单/windows装机必备软件库
- 图书管理系统BOOKMS winform+sqlite
- C++实现单目相机与投影仪标定算法,yml格式输出结果,重投影误差小于0.1像素,单目相机与投影仪标定算法研究:C++实现,yml格式输出,重投影误差低于0.1像素,单目相机+投影仪标定算法,C++语
- 非线性七自由度模型搭建与CarSim联合仿真验证:车速50km/h路面附着力0.8时的模型精度与误差分析,非线性七自由度模型搭建与CarSim联合仿真验证:车速50km/h路面附着力0.8下的模型精度
- 永磁同步电机转速滑模控制与电流矢量双闭环控制Matlab仿真模型:原理说明与文献参考,永磁同步电机转速滑模控制与电流矢量双闭环控制Matlab仿真模型:原理说明与文献参考,永磁同步电机转速滑模控制Ma
- 软件面试题宝典.docx
- 基于MATLAB的菲涅尔公式计算:P波、S波振幅透射与反射系数及其比值分析,自然光透射反射比的算法实现 ,基于MATLAB的菲涅尔公式计算:P波、S波振幅透射反射系数及比值分析,以及自然光透反特性研究
- 基于Next.js和Deepseek API开发的智能闪卡学习工具
- java调用科大讯飞在线语音合成API
- STM32C8T6库函数实现SG90和SH04扫描测距完整代码工程
- C# LitJson 案例
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
