【推荐网站】『 Bootstrap 4 在线布局工具』

无意间发现了几个在线布局工具。
啥都别说了,要啥自行车啊。
可视化,傻瓜布局,点啥有啥,自由切换。
排名不分先后,按照自己喜欢的来就可以
给那些和我一样还不知道的人看的。。如果您看过了或者已经炉火纯青了,也可以推荐些其他优秀的网站。


以下网站都是基于Bootstrap框架下的网页制作


适合人群

  • 想要快速建立网页框架人群
  • 辅助学习网页知识,巩固基础人群。
  • 不知道有这个的人。。

不适合人群

  • 已有完美框架模板人群
  • 大神
  • 已经知道的人。。

1. http://shoelace.io/

预览如下。

  • 左栏选择窗口设备。
  • 中间用鼠标点击,拖拽自由布局。
  • 右栏实时生成代码。

file

2. https://www.layoutit.com/build

预览如下

  • 左栏选择各种工具。甭管是表单,图片,列表,CSS,JS拖拽过去就是效果。简直是拖拽神器!
  • 右面整体显示效果,拖过去,还写啥代码啊。
  • 上面菜单栏,可编辑,可预览,可下载,可分享。
    file

3. https://bootstrapstudio.io/

有点高大上的感觉,比起前面两个比起来有很多已经设计好的精美模板。既然高大上,也就意味着学习成本稍微有点多。适合那些想要再深度一丢丢的开发人群吧。
网页目前只能运行demo。
购买之后就是下载到桌面成了专业软件了。
感觉一般PHP程序员也许用不到的吧。

预览如下
file
file

致力于把博士生的内容说给小学生听

本帖由系统于 4个月前 自动加精
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 7

做出来的网页。兼容性各种浏览器怎么样?

4个月前
chihokyo

@echofree313
你好
那个,上面网页全部都是基于bootstrap的框架下的网页。
兼容性跟bootstrap看齐。

4个月前

哇 这个好厉害诶 萌新能转载一下写个随手记么?我怕忘记了

1个月前
chihokyo

@王某人的用户名 可以的,转载请注明出处就好。

1个月前

超赞!十分感谢,以前只知道找模板网站,不知道还有这种好东西!

2周前

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!