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. 交互组件，提供了常用的交互组件样式，例如：遮罩窗体、导航栏、轮换图、切换卡等。

          

使用说明：

第一步：拖拽布局设置。

第二步：拖拽表格。

第三步：拖拽分页。

第四步：布局编辑和预览

第五步：下载代码
附件有示例操作视频，可下载观看！！！