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相关推荐

  1. 高性能流媒体服务器EasyDSS前端重构(二) webpack + vue + AdminLTE 多页面提取共用文件, 优化编译时间...

    本文围绕着实现EasyDSS高性能流媒体服务器的前端框架来展开的,具体EasyDSS的相关信息可在:www.easydss.com 找到! 接上回 <高性能流媒体服务器EasyDSS前端重构(一 ...

  2. 11个网站后台模版 | Admin Dashboards | Bootstrap

    11个网站后台模版 | Admin Dashboards | Bootstrap 1.AdminLTE 3 | 后台管理 | administration | Bootstrap 3 AdminLTE ...

  3. EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器前端源码重构(二)-webpack + vue + AdminLTE 多页面提取共用文件, 优化编译时间

    接上篇 在上一篇博客中, 我们白手起家, 从零搭建了 webpack + vue + AdminLTE 多页面脚手架. 代码在这里: easydss-web-src , 我为第一篇博客建立了单独的分支 ...

  4. 博客后台和首页php,基于ThinkPHP5.1+Bootstrap框架开发的博客系统和后台权限管理系统...

    源码介绍 基于ThinkPHP5.1+Bootstrap框架开发的博客系统和后台开发框架,主要是基于最新的inkPHP5.1.9框架作为底层开发核心,前端采用Bootstrap框架实现界面响应式设计, ...

  5. Colder框架硬核更新(Sharding+IOC)

    目录 引言 控制反转 读写分离分库分表 理论基础 设计目标 现状调研 设计思路 实现之过五关斩六将 动态对象 动态模型缓存 数据源移植 查询表达式树深度移植 数据合并算法 事务支持 实际使用 展望未来 ...

  6. 徒手打造基于Spark的数据工厂(Data Factory):从设计到实现

    在大数据处理和人工智能时代,数据工厂(Data Factory)无疑是一个非常重要的大数据处理平台.市面上也有成熟的相关产品,比如Azure Data Factory,不仅功能强大,而且依托微软的云计 ...

  7. 基于jeesite的cms系统(一):开发环境搭建

    基于jeesite的cms系统系列,是对基于jeesite进行二次开发的博客模块开发过程的总结.涉及入门安装,二次开发,部署等 一.概况: JeeSite 是一个 Java 企业级快速开发平台,基于经 ...

  8. java项目_值得学习和练手的Java企业级开源项目,强烈推荐!

    热门文章推荐:100本纸质书籍免费包邮!22款高颜值的终端工具,点燃了小姐姐对编程的热爱! 一条 SQL 引发的事故,同时小姐姐直接被开除!! 11月全国程序员平均工资新鲜出炉,内附封面图! 文末有彩 ...

  9. 这些低代码平台,你是否知悉?

    低代码low-code,无代码no-code,合称LCNC,近年来获得较快发展.低代码和无代码(LCNC)软件应用是当今商业领域最大的技术创新之一.顾名思义,低代码和无代码开发有助于简化开发流程,而不 ...

最新文章

  1. c++max函数怎么用_比函数还强大的Excel分列技巧,你知道怎么用吗
  2. OSError: [WinError 6] 句柄无效
  3. 未能找到路径“..”的一部分
  4. linux安装jdk和tomcat命令
  5. 江苏省高中计算机课程标准,教育部普通高中信息技术课程标准
  6. 【Python】青少年蓝桥杯_每日一题_1.27_单词出现的次数
  7. Property #39;sqlSessionFactory#39; or #39;sqlSessionTemplate#39; are required
  8. normandie出错重试与缓存机制对交互的影响,开发者注意
  9. 除了敲代码,程序员还需要哪些必备技能?
  10. jbpm hibernate.cfg.xml 连接mysql配置_hibernate.cfg.xml文件连接mySql、Oracle、SqlServer配置...
  11. android音频框架书籍,Android高级架构师系统学习——Android 音频可视化
  12. iOS App之间的通信方式
  13. 经典混响插件免安装+50拓展 – Audio Ease Altiverb 7 XL 7.2.8 WiN
  14. NTP授时服务器(网络校时服务器)对医院信息化建设的重要
  15. 五色电阻在线计算机,色环电阻在线计算器
  16. R语言中同比增长和环比增长
  17. 走进大数据丨 一条让我虎躯一震的SQL
  18. mipi-csi-2解读_CSI:Visual Studio-无法将索引X处的Unicode字符转换为指定的代码页
  19. android 短信超链接,Android处理网页的短信链接
  20. SQL基础系列(七)——CASE表达式

热门文章

  1. php中(int)函数的用法,int()函数的基本功能是什么
  2. Map集合遍历常用方法总结,记得收藏哦
  3. MATLAB输出txt文件
  4. Tomcat8安装及配置教程
  5. linux多线程调试
  6. 【远程访问与设备重定向】上海道宁为您助您远程共享USB设备与USB设备重定向到远程会话
  7. 欧路词典 for mac(词典软件)破解版
  8. FDTD 中石墨烯材料如何设置
  9. 图像分割—灰度阈值分割
  10. MATLAB程序设计与应用刘卫国(第三版)课后实验答案——2