【推荐网站】『 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

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

本帖由系统于 7个月前 自动加精
chihokyo
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 7

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

7个月前 评论
chihokyo

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

7个月前 评论

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

4个月前 评论
chihokyo

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

4个月前 评论

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

3个月前 评论

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