iBootstrap 可视化快速建站工具
作者QQ549710689
基于电脑端的网站,离不开网页,写网页并不复杂,但是繁琐,比如一个表格,你可能要不停的tr和td,再加上样式,调来调去。
最早的时候用过dreamweaver,可以实现页面布局可视化操作,有没有一款类似的在线工具能帮助程序员小哥哥、小姐姐们解决这样的烦恼?
Bootstrap的可视化布局工具,这款工具叫Layoutlt,可以在百度中直接搜索名字
如果你的网站用的是Bootstrap框架,那这款工具会为你打call,让你的开发如虎添翼。
构建页面布局,你要做的,只是拖拖拽拽就可以完成,还可以自定义每个栅格的大小。
你还可以选择是自适应宽度,还是因定宽度,工具直接给你做好,点击下载按钮,可以拷贝里面的代码,直接拿来就用。
我们在页面上用到的所有的表格、段落、表单、列表、地址、按钮都可以拖拽到工作区内,直接点下载可以得到源代码。
是不是很方便?但这些基本的页面元素其实挺简单的,自己手写也还能接受,下面这些对前端工程师更加实用
组件式的元素
一些复杂的页面元素组件也可以实现,创业的时候资金不是太足,公司里没有前端,什么都要自己研究,一开始就在网上找,纯原生的css和js,剩下的自己写,要多麻烦有多麻烦。
有了这个之后,页面开发的速度几何倍的提升,简直太好用了。
交互式组件
如果上面那些还不够,这还有交互式的组件,导航栏、切换卡、提示框、手风琴式的元素切换以及轮换图,小伙伴们不需要再为页面发愁啦,只要不是特别的需求,这些足够我们用了。