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

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


以下网站都是基于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 框架的设计哲学。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 3

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

4周前
chihokyo

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

4周前
HI

哈喽

4周前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!