程序员经验分享-hwhale

Bootstrap Metronic 学习记录（一）简介

2023-11-13

1.简介

　　是一个基于Bootstrap 3.x的高级管理控制面板主题。Bootstrap Metronic - 是一个完全响应式管理模板。基于Bootstrap3框架。高度可定制的，易于使用。适合从小型移动设备到大型台式机很多的屏幕分辨率。包含7个主题，高达100个左右的实例页面，非常丰富页面展示效果，包括表单，表格，地图，日历…等等。

　　对比了其他Bootstrap定制的影响式模版，这个功能与插件比较丰富。感觉大同小异如（免费的-AdminLTE）

注：　mvc4系列不会升级用metronic

　　软件准备：VS2013

2.资源

　　7个主题演示地址：http://www.keenthemes.com/preview/metronic/

3.用途和保障

　　主要用途：一体化的管理模版，构建管理系统后台，如CMS,HR,OA等管理系统必备。花俏的软件比界面死板的同等软件价格可卖出高达40%

　　能合并到所有语言前端，包括主流asp.net,JSP,PHP

　　（源源不断的Bootstrap 和Metronic作为更新技术支持，除非推兔团队解散）

4.目录

　　

　　按目录名称可以看出包含了文档（documentation），资源（resources），开始(start)，主题(theme与theme_trl)，说明readme.txt

　　打开readme我们可以看到我们只需要用theme这个文件夹即可。theme_rtl支持RTL，RTL颠覆我的编程习惯。

　　可以依次运行theme-->templates-->adminX下的index效果。　

　　然并卵，发现每一个admin对应了admin_material_design，根据readme说明admin_material_design是对应AngularJS版本的，不知道说得对不。

　　不懂AngularJS所以我们只用到正常版本的adminX

　　

　　以上是部分截图。右边的设置可以设置布局的方式

　　

　　把浏览器缩小看看平板下的效果同样非常不错。

5.总结

　　我们只需用到theme下的templates为参照模版

随便求推荐一款截图加框软件，QQ截图太坑爹了，边又细，又不精准

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端框架综合杂项

bootstrap

Metronic

Bootstrap Metronic 学习记录（一）简介 的相关文章

  • bootStrap-table实战详解与问题总结

    背景介绍 说实话 前端一直是我的薄弱项 每次新需求的最大难点就是前端技术的攻克 不仅仅是前端技术的框架繁多 菜也是原罪 这次的需求是在后台调用另外一个系统接口 将返回的数据通过表格的形式展示在页面上 要做一个表格 那选择可真的就太多了 前端

  • Bootstrap统计学方法简介以及中心极限定理

    一 概念 Bootstrap 一词出自英文习语 pull yourself up by your bootstraps 它的隐含意是 improve your situation by your own efforts 即 通过你自己的努力

  • 关于老赵让改成bootstrap框架搭建的过程

    客户就是上帝 你大爷的 jsp代码 数据与springMvc交互

  • 2.Bootstrap栅格系统&媒体查询

    简介 Bootstrap 提供了一套响应式 移动设备优先的流式栅格系统 随着屏幕或视口 viewport 尺寸的增加 系统会自动分为最多12列 如果此行无法容纳12列 多出的列会被移到下一行 栅格系统用于通过一系列的行 row 与列 col

  • js+bootstrap+jquery+vue实现房贷计算器

    代码链接 loan 使用vue js html css实现房贷的计算 版权声明 本文为CSDN博主 小样还想跑 的原创文章 遵循CC 4 0 BY SA版权协议 转载请附上原文出处链接及本声明

  • jsp、freemarker、velocity、thymeleaf页面方案分析

    1 概述 在java领域 表现层技术主要有三种 1 jsp 2 freemarker 3 velocity 4 thymeleaf 2 jsp 优点 1 功能强大 可以写java代码 2 支持jsp标签 jsp tag 3 支持表达式语言

  • 【Redis】Redis 的学习教程（八）之 BitMap、Geo、HyperLogLog

    Redis 除了五种常见数据类型 String List Hash Set ZSet 还有一些不常用的数据类型 如 BitMap Geo HyperLogLog 等等 它们在各自的领域为大数据量的统计 1 BitMap BitMap 计算

  • Bootstrap 3导航栏

    Today we continue Bootstrap 3 lessons and review Bootstrap 3 Navbar In our new lesson we will try to disassemble the nav

  • Vue CLI3配置详解-----脚手架的认识以及项目初始化、项目目录结构

    使用Vue CLI3创建项目 脚手架 scaffold 指施工现场为工人操作并解决垂直和水平运输而搭设的各种支架 建筑界的通用术语 写在前面 如果你只是简单的写几个Vue的 Demo 程序 那你不需要Vue CLI 如果你 开发大型项目 那

  • springboot+mysql物流车辆管理系统-计算机设计源码84722

    摘要 由于数据库和数据仓库技术的快速发展 物流车辆管理系统建设越来越向模块化 智能化 自我服务和管理科学化的方向发展 物流车辆管理系统对处理对象和服务对象 自身的系统结构 处理能力 都将适应技术发展的要求发生重大的变化 物流车辆管理系统除了

  • html+jQuery自定义报告单

    html jQuery实现自定义报告单 功能 用户按需求自定义拼接生成报告单 支持打印功能 支持导出HTML CSS代码 截图 源码地址 customize report

  • Bootstrap 4：如何使顶部固定的Navbar保持在容器中而不拉伸？

    There are many ways to make a fixed navbar stay inside a parent s div container We ll go over the most straightforward o

  • bootstrap-table按住Shift多选设计思路-优化

    在网上找到bootstra table按住shift实现多选的思路后 进行改进 实现批量选中 批量取消选中 批量选中后取消部分选中并保留剩下选中项 向上 向下批量操作 参考地址 https blog csdn net qq 36360308

  • BootstrapTable 中使用checkbox

    BootstrapTable中使用CheckBox 添加checkbox列即可 columns checkbox true checkbox 默认为false 不显示 为true时显示 获取所以选中的列 var ids var rows t

  • Bootstrap3 多个模态对话框无法显示的问题

    今天帮同事调了一个代码 他们的项目最近在用Bootstrap做开发 突然间 他遇到了一个奇怪的问题 如果一个页面中 有多个Modal对话框的话 排列在第一个的对话框 能够正确显示 第二个 只能导致页面出现MASK层 却不能显示Dialog

  • ThinkPhp5使用bootstrap样式分页

    1 查看分页的配置 在application config php文件中最后 分页配置 paginate gt type gt bootstrap var page gt page list rows gt 15 2 下载 https v3

  • Bootstrap JavaScript插件：警告信息 (alert.js)

    作者 WangMin 格言 努力做好自己喜欢的每一件事 CSDN原创文章 博客地址 WangMin 警告框插件 alert js 为警告框组件一个关闭功能 就是点击警告框的关闭按钮 可以让警告框消失 并将它从 DOM 中删除 使用方法 1

  • 架构师成长之路

    延迟队列实现 基于监听key过期实现的延迟队列实现 这里需要继承KeyspaceEventMessageListener类来实现监听redis键过期 public class KeyExpirationEventMessageListene

  • tkinter 的界面美化库：ttkbootstrap 使用教程

    嗨害大家好鸭 我是芝士 tkbootstrap 是一个基于 tkinter 的界面美化库 使用这个工具可以开发出类似前端 bootstrap 风格的 kinter 桌面程序 如果会 tkinter 学习起来就会非常简单 如果不会的话只要先花

  • web前端技术笔记（十六）bootstrap、表单正则和前端优化

    bootstrap bootstrap bootstrap 容器 bootstrap 栅格系统 栅格响应式布局案例 列偏移 bootstrap 隐藏类 bootstrap 按钮 bootstrap 表单 bootstrap 导航条 导航条案

随机推荐

  • docker centos6 ssh 自启动

    docker centos6 自启动ssh服务 前期准备 下载centos6 6版本镜像 启动容器完善容器环境 修改登录密码 更换yum源地址 推荐使用阿里源http mirrors aliyun com repo Centos 6 rep

  • Linux 磁盘管理，分区，文件系统

    目录 磁盘基本概念 磁盘在Linux中的表示 分区的概念 分区是软件概念 MBR GPT 使用fdisk进行磁盘管理 文件系统 mke2fs mkfs mke2fs mkfs dumpe2fs 日志 e2label fsck file sy

  • 开源学习组织：Datawhale

    这篇文章其实最早成立Datawhale的时候写的 那时候我们还是在读的学生 以下文字一直没有更新 一是希望提醒我们不要忘记初心 二是希望让大家知道 当Datawhale陪伴了学习者成长 做成了一些事 它的起源只是因为播下了一颗理想的种子 申

  • Android12 ---- Material You 应用

    背景 Google android S 新特性 当你更换壁纸 整个手机主题的颜色会根据壁纸的配色方案而改变 也就说 每当你更新壁纸 你的手机界面也会焕然一新 当用户在 Android 12 设备上更改壁纸时 系统会分析图像以选择一种颜色 并

  • Xcode 4 常用快捷键（和 Xcode 3 有些不一样了）

    Xcode 4 常用快捷键 和 Xcode 3 有些不一样了 2011 06 16 Unmi 把 Xcode 由 3 2 5 升级到 Xcode 4 0 2 之后 满以为快捷键总该不会变化太大吧 没想又要经历一个快捷键的适应过程 发现有些在

  • 思维能力的学习

    前言 在工作中 随着工作时间的增长 我们与他人的差异不是知识本身的差异 主要是思维方面的差异 所以我们需要培养自己的思维能力 思维能力的学习 思维是一个具备内在框架和逻辑的系统工程 思维覆盖了学习 认知 问题解决和复盘以及知识库多维度的内容

  • 华为出品Python入门教程：从零基础入门到精通，这一篇就够了

    前言 本文罗列了了python零基础入门到精通的详细教程 内容均以知识目录的形式展开 01 python由来与发展介绍 02 项目开发流程 第一章 markdown编辑器 01 markdown基本语法 02 Typora简介与安装 03

  • 在QT中使用日志系统

    当写好的软件发布出去后 用户遇到死机或一些其他的bug 我们该怎么追踪这些问题呢 这时候日志系统很好的帮助了我们 最近也是参照网络大牛的博客代码实现了log 下面看看代码吧 void outputMessage QtMsgType type

  • 爬虫篇（2.2）使用scrapy-jsonrpc简单教程

    首先安装scrapy jsonrpc pip install scrapy jsonrpc 打开你的爬虫项目中setting py文件 加入如下代码进行配置 EXTENSIONS scrapy jsonrpc webservice WebS

  • 网络编程5之poll、epoll、超时检测

    1 poll机制 poll的实现和select非常相似 只是文件描述符fd集合的方式不同 poll使用struct pollfd结构而不是select的fd set结构 其他的都差不多 include

  • R手册(Common)--data.table

    R语言data table包是自带包data frame的升级版 用于数据框格式数据的处理 最大的特点快 包括两个方面 一方面是写的快 代码简洁 只要一行命令就可以完成诸多任务 另一方面是处理快 内部处理的步骤进行了程序上的优化 使用多线程

  • wireshark只保存显示过滤器筛选的部分报文的方法

    有几种方法 1 先用filter进行过滤 然后File Save As Packet Range里面选择Displayed 然后保存 2 如果想保存从第2001个到第3000个这1000个包 可以在2001个包上点右键选择Mark Pack

  • 前端架构的艺术：解决问题、优化体验和提升效率

    引言 在当今的互联网时代 前端开发的重要性日益凸显 前端架构 作为前端开发的核心 关乎着产品的用户体验 性能和可维护性 本文将带你探讨前端架构的重要性和应用场景 分析各种前端架构的优缺点 并展示一个实际的前端架构解决方案 通过本文 你将获得

  • 【多模态】9、GLIP

    文章目录 一 背景 二 方法 2 1 将 object detection 和 phrase grounding 进行统一 2 2 Language aware deep fusion 2 3 使用语义丰富的数据来进行预训练 三 效果 3

  • (附源码)计算机毕业设计ssm高校网上报销系统

    项目运行 环境配置 Jdk1 8 Tomcat7 0 Mysql HBuilderX Webstorm也行 Eclispe IntelliJ IDEA Eclispe MyEclispe Sts都支持 项目技术 SSM mybatis Ma

  • Spring的几种注入bean的方式

    在Spring容器中为一个bean配置依赖注入有三种方式 使用属性的setter方法注入 这是最常用的方式 使用构造器注入 使用Filed注入 用于注解方式 使用属性的setter方法注入 首先要配置被注入的bean 在该bean对应的类中

  • C++下的protobuf简单使用

    Google Protocol Buffer API简单使用总结 大致步骤如下 1 编写 msg proto 文件 package lm 我理解成命名空间 message helloworld 我理解成类 required int32 id

  • LVGL8学习之row and a column layout with flexbox

    这一篇来学习一下基于flexbox 柔性盒子 简单行和列布局 还是通过codeblock来模拟代码的运行 可设置layout对象内部的水平和竖直填充 以及布局内各item之间的间隔填充 代码如下 void lv flex layout te

  • 用python实现串口通信编程

    实现串口通信编程 需要使用到第三方库 pyserial 下面是一个简单的示例代码 import serial ser serial Serial COM3 9600 while True data ser readline decode p

  • Bootstrap Metronic 学习记录（一）简介

    1 简介 是一个基于Bootstrap 3 x的高级管理控制面板主题 Bootstrap Metronic 是一个完全响应式管理模板 基于Bootstrap3框架 高度可定制的 易于使用 适合从小型移动设备到大型台式机很多的屏幕分辨率 包含

热门标签