Bootstrap可视化布局系统使用文档-阿里云开发者社区

开发者社区> 自娱> 正文

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

          

使用说明:

第一步:拖拽布局设置。

第二步:拖拽表格。

第三步:拖拽分页。

第四步:布局编辑和预览

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Android Native禁止使用系统私有库详解
解读Android Native对于系统私有库的限制,老版本的黑科技代码在N版本之后都可能导致APP崩溃。
1668 0
Android官方开发文档Training系列课程中文版:动画视图之创建自定义转场动画
原文地址:http://android.xsoftlab.net/training/transitions/custom-transitions.html 自定义转场可以创建自定义动画。
948 0
MaxCompute Studio使用心得系列3——可视化分析作业运行
我们很熟悉的是通过Logview 去分析作业的执行情况,logview上有很详细的执行日志,而Studio不仅仅提供可视化的信息,还会明确给出一些分析结论如job是有否长尾或数据倾斜情况。
3358 0
AKKA文档(java)——角色系统
角色是封装了状态与行为的对象,它们通过交换放入接收者信箱的消息实现两两之间的通讯。从某种意义上说,角色是最严格的面向对象编程,不过最好还是把它们当作人来看待:当用角色为一个方案建模时,想象有一群人,并给他们分配了任务,他们在一个组织结构中发挥职能作用,并想象如何做到故障升级(就像在不需要考虑实际利益的情况下与人打交道,也就是说我们不需要关心他们的情绪变化或道德问题)。
1210 0
Android官方开发文档Training系列课程中文版:通知用户之大视图通知
原文地址:http://android.xsoftlab.net/training/notify-user/expanded.html#big-view 通知在通知栏中以两种风格呈现:正常视图与大视图。
812 0
jQuery EasyUI API 中文文档 - 树(Tree)
Tree 树 用 $.fn.tree.defaults 重写了 defaults。 依赖 draggable droppable 用法 Tree 能在 元素里定义,此标记可以定义为叶节点和子节点。
908 0
+关注
自娱
阿里巴巴无线客户端性能与安全负责人 Gradle中文文档作者
158
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载