自建基于 Layoutit 的在线 Bootstrap 可视化布局系统

  |   0 评论   |   0 浏览

Layoutit 是一个在线工具，它可以简单而又快速搭建 Bootstrap 响应式布局，操作基本是使用拖动方式来完成，很简单，而元素都是基于 Bootstrap 框架集成的， 所以这工具很适合 Web 设计师和前端开发人员使用，快捷方便。

# 自建地址，欢迎使用：https://fuyiyi.imdo.co/layoutit/index.html>

layoutit.png

layoutit 通过使用拖放界面生成器帮助您简单快速地创建 Bootstrap 前端代码。它列出了 Bootstrap 的每个元素和组件，你只需要用鼠标拖曳到页面上即完成设计，让您的前端编码更容易，不需要你是 JavaScript，HTML5 或 CSS3 的专家。所有的设计可以是响应式的 CSS 和流体。设计完成后，您只需下载 HTML 即获得自己设计的源码。

如上图，layoutit 有四个主要菜单：

  • 布局设置，布局 Layout 方面，是你首先必须选择的，是单栏或左右分栏等
  • 基本 CSS
  • 工具组件
  • JavaScript

layoutit.png

当你熟悉该工具以后，编写一个现代 HTML 页面如同在 Word 里编辑文档一样方便容易。

代码地址：https://github.com/zxniuniu/layoutit