Bootstrap与AdminLTE
Bootstrap
Bootstrap 是美国 Twitter 公司的设计师 Mark Otto 和 Jacob Thornton 合作基于 HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。 Bootstrap 提供了优雅的 HTML 和 CSS 规范,它即是由动态 CSS 语言 Less 写成。(重点是响应式(随屏幕大小变化),能适应各种各种设备)
学习方法
阅读官方文档,找到想要的案例,代码调整修改。
https://v3.bootcss.com/
入门使用
- 项目中添加 Bootstrap 文件资源(也可直接使用远程访问,但没有网络就无法使用了);
- 页面引入相关的样式和 JS;
<!-- Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
添加官网文档中的全局css或其他组件案例查看是否有效。
常用组件
面板,栅格系统,表格,按钮,表单,字体图标,模态框,列表等,都可以从官网查看示例学习使用
AdminLTE
AdminLTE 是受欢迎的开源的管理仪表盘和控制面板的 WebApp 模板。它是基于 Bootstrap 的 CSS 框架,反应灵敏的 HTML 模板。利用所有 Bootstrap 的组件对大部分使用插件进行设计和调整风格,创建出可以用作后端应用程序的用户界面一致性设计。AdminLTE 是基于模块化设计,很容易在其之上定制和重制。
项目的页面是基于 AdminLTE 的模板来改造的,而 AdminLTE 又是基于 Bootstrap 框架,所以后续如果有新功能新样式要加,可以直接在 AdminLTE 官网找案例,或者 Bootstrap 官网找案例,都可以直接使用。
官网下载 : https://adminlte.io/
Bootstrap与AdminLTE相关推荐
- 高性能流媒体服务器EasyDSS前端重构(二) webpack + vue + AdminLTE 多页面提取共用文件, 优化编译时间...
本文围绕着实现EasyDSS高性能流媒体服务器的前端框架来展开的,具体EasyDSS的相关信息可在:www.easydss.com 找到! 接上回 <高性能流媒体服务器EasyDSS前端重构(一 ...
- 11个网站后台模版 | Admin Dashboards | Bootstrap
11个网站后台模版 | Admin Dashboards | Bootstrap 1.AdminLTE 3 | 后台管理 | administration | Bootstrap 3 AdminLTE ...
- EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器前端源码重构(二)-webpack + vue + AdminLTE 多页面提取共用文件, 优化编译时间
接上篇 在上一篇博客中, 我们白手起家, 从零搭建了 webpack + vue + AdminLTE 多页面脚手架. 代码在这里: easydss-web-src , 我为第一篇博客建立了单独的分支 ...
- 博客后台和首页php,基于ThinkPHP5.1+Bootstrap框架开发的博客系统和后台权限管理系统...
源码介绍 基于ThinkPHP5.1+Bootstrap框架开发的博客系统和后台开发框架,主要是基于最新的inkPHP5.1.9框架作为底层开发核心,前端采用Bootstrap框架实现界面响应式设计, ...
- Colder框架硬核更新(Sharding+IOC)
目录 引言 控制反转 读写分离分库分表 理论基础 设计目标 现状调研 设计思路 实现之过五关斩六将 动态对象 动态模型缓存 数据源移植 查询表达式树深度移植 数据合并算法 事务支持 实际使用 展望未来 ...
- 徒手打造基于Spark的数据工厂(Data Factory):从设计到实现
在大数据处理和人工智能时代,数据工厂(Data Factory)无疑是一个非常重要的大数据处理平台.市面上也有成熟的相关产品,比如Azure Data Factory,不仅功能强大,而且依托微软的云计 ...
- 基于jeesite的cms系统(一):开发环境搭建
基于jeesite的cms系统系列,是对基于jeesite进行二次开发的博客模块开发过程的总结.涉及入门安装,二次开发,部署等 一.概况: JeeSite 是一个 Java 企业级快速开发平台,基于经 ...
- java项目_值得学习和练手的Java企业级开源项目,强烈推荐!
热门文章推荐:100本纸质书籍免费包邮!22款高颜值的终端工具,点燃了小姐姐对编程的热爱! 一条 SQL 引发的事故,同时小姐姐直接被开除!! 11月全国程序员平均工资新鲜出炉,内附封面图! 文末有彩 ...
- 这些低代码平台,你是否知悉?
低代码low-code,无代码no-code,合称LCNC,近年来获得较快发展.低代码和无代码(LCNC)软件应用是当今商业领域最大的技术创新之一.顾名思义,低代码和无代码开发有助于简化开发流程,而不 ...
最新文章
- c++max函数怎么用_比函数还强大的Excel分列技巧,你知道怎么用吗
- OSError: [WinError 6] 句柄无效
- 未能找到路径“..”的一部分
- linux安装jdk和tomcat命令
- 江苏省高中计算机课程标准,教育部普通高中信息技术课程标准
- 【Python】青少年蓝桥杯_每日一题_1.27_单词出现的次数
- Property #39;sqlSessionFactory#39; or #39;sqlSessionTemplate#39; are required
- normandie出错重试与缓存机制对交互的影响,开发者注意
- 除了敲代码,程序员还需要哪些必备技能?
- jbpm hibernate.cfg.xml 连接mysql配置_hibernate.cfg.xml文件连接mySql、Oracle、SqlServer配置...
- android音频框架书籍,Android高级架构师系统学习——Android 音频可视化
- iOS App之间的通信方式
- 经典混响插件免安装+50拓展 – Audio Ease Altiverb 7 XL 7.2.8 WiN
- NTP授时服务器(网络校时服务器)对医院信息化建设的重要
- 五色电阻在线计算机,色环电阻在线计算器
- R语言中同比增长和环比增长
- 走进大数据丨 一条让我虎躯一震的SQL
- mipi-csi-2解读_CSI:Visual Studio-无法将索引X处的Unicode字符转换为指定的代码页
- android 短信超链接,Android处理网页的短信链接
- SQL基础系列(七)——CASE表达式