Bootstrap可视化布局系统使用文档

简介:

 利用Bootstrap可视化布局系统可以拖拽生成统一的基本的样式布局HTML代码,对于没有前端介入的情况下,java开发也能快速搭建一套标准美观的后台系统,使用简单、方便、灵活。可视化布局系统地址:http://www.bootcss.com/p/layoutit/。另外bootstrap提供了一整套CSS样式,可以满足后台系统所有样式需求,不用依赖前端开发,想要什么样式先到这里找找http://v3.bootcss.com/css/,一定能找到你想要的。

可视化布局系统默认提供的样式有以下几种:

  1. 布局设置,利用bootstrap的栅格系统样式,默认提供了5种可拖拽布局。理解了bootstrap的栅格系统样式,可以通过更改样式来满足我们任意想要的布局。

栅格系统样式:
     

  1. 基本CSS,默认提供了常用的一些DOM元素和组件,比如表格、表单、搜索框等。后台系统的信息管理页面必然会用到这些,即使没有前端,利用可视化布局也能做出统一漂亮的后台管理页面来。
  2. 组件,默认提供了常用的组件样式,例如按钮组,导航,分页等。
  3. 交互组件,提供了常用的交互组件样式,例如:遮罩窗体、导航栏、轮换图、切换卡等。

          

使用说明:

第一步:拖拽布局设置。

第二步:拖拽表格。

第三步:拖拽分页。

第四步:布局编辑和预览

第五步:下载代码
附件有示例操作视频,可下载观看!!!

目录
相关文章
|
4月前
|
机器学习/深度学习 存储 算法
基于Flask+Bootstrap+机器学习的世界杯比赛预测系统
基于Flask+Bootstrap+机器学习的世界杯比赛预测系统
77 0
|
4月前
|
机器学习/深度学习 数据采集 算法
基于Flask+Bootstrap+机器学习的南昌市租房价格预测系统(上)
基于Flask+Bootstrap+机器学习的南昌市租房价格预测系统
129 0
|
4月前
|
资源调度 前端开发 数据可视化
R语言参数自抽样法Bootstrap:估计MSE、经验功效、杰克刀Jackknife、非参数自抽样法可视化自测题
R语言参数自抽样法Bootstrap:估计MSE、经验功效、杰克刀Jackknife、非参数自抽样法可视化自测题
|
4月前
|
资源调度 前端开发 数据可视化
R语言GARCH模型对股市sp500收益率bootstrap、滚动估计预测VaR、拟合诊断和蒙特卡罗模拟可视化
R语言GARCH模型对股市sp500收益率bootstrap、滚动估计预测VaR、拟合诊断和蒙特卡罗模拟可视化
|
30天前
|
机器学习/深度学习 数据采集 数据可视化
基于爬虫和机器学习的招聘数据分析与可视化系统,python django框架,前端bootstrap,机器学习有八种带有可视化大屏和后台
本文介绍了一个基于Python Django框架和Bootstrap前端技术,集成了机器学习算法和数据可视化的招聘数据分析与可视化系统,该系统通过爬虫技术获取职位信息,并使用多种机器学习模型进行薪资预测、职位匹配和趋势分析,提供了一个直观的可视化大屏和后台管理系统,以优化招聘策略并提升决策质量。
|
30天前
|
搜索推荐 前端开发 数据可视化
【优秀python web毕设案例】基于协同过滤算法的酒店推荐系统,django框架+bootstrap前端+echarts可视化,有后台有爬虫
本文介绍了一个基于Django框架、协同过滤算法、ECharts数据可视化以及Bootstrap前端技术的酒店推荐系统,该系统通过用户行为分析和推荐算法优化,提供个性化的酒店推荐和直观的数据展示,以提升用户体验。
|
1月前
|
搜索推荐 前端开发 数据可视化
基于Python协同过滤的旅游景点推荐系统,采用Django框架,MySQL数据存储,Bootstrap前端,echarts可视化实现
本文介绍了一个基于Python协同过滤算法的旅游景点推荐系统,该系统采用Django框架、MySQL数据库、Bootstrap前端和echarts数据可视化技术,旨在为用户提供个性化的旅游推荐服务,提升用户体验和旅游市场增长。
基于Python协同过滤的旅游景点推荐系统,采用Django框架,MySQL数据存储,Bootstrap前端,echarts可视化实现
|
4月前
|
数据可视化 前端开发 数据挖掘
R语言对综合社会调查GSS数据进行自举法bootstrap统计推断、假设检验、探索性数据分析可视化|数据分享(上)
R语言对综合社会调查GSS数据进行自举法bootstrap统计推断、假设检验、探索性数据分析可视化|数据分享
|
29天前
|
自然语言处理 前端开发 数据可视化
Bootstrap3.0 栅格系统背后的精妙魔法(Bootstrap3.0的栅格布局系统实现原理)
Bootstrap3.0 栅格系统背后的精妙魔法(Bootstrap3.0的栅格布局系统实现原理)
|
3月前
|
开发框架 Java .NET
基于SpringBoot+Bootstrap【爱码个人博客系统】附源码
基于SpringBoot+Bootstrap【爱码个人博客系统】附源码
68 1
下一篇
DDNS