Bootstrap Studio for Mac是一款功能强大的桌面应用程序,用于设计和制作网站原型。它带有大量内置组件,您可以将其拖放以组装响应式网页。该应用程序是在广受欢迎的Bootstrap框架之上构建的,并可以导出干净的语义HTML。

界面
Bootstrap Studio具有美观而强大的界面,该界面围绕拖放的简单性而构建。这使其成为用于原型设计和设计网页和应用程序的理想工具。

漂亮的模板
该应用程序带有许多您可以自定义的高级,完全响应模板。每个模板都包含多个页面和小部件,您可以将它们挑选并匹配到理想的网站中。

美丽的组件
Bootstrap Studio带有大量用于构建响应页面的漂亮组件。我们有页眉,页脚,画廊,幻灯片,甚至还有诸如span和div之类的基本元素。请在下面查看其中的一些。

智能拖放
Bootstrap Studio知道哪些Bootstrap组件可以相互嵌套,并提供建议。它会自动为您生成漂亮的HTML,看起来就像是由专家手工编写的。

创建自己的组件
您可以将设计的各个部分提取为“自定义组件”,并准备将其放入您创建的任何设计中。您也可以将这些组件导出为文件并共享。

网上图书馆
如果您需要库中不存在的组件,只需单击“ 组件面板”中的“ 在线”选项卡。在这里,您会发现由社区构建和共享的数千个组件。您也可以上传自己的。

链接组件
这是一项强大的功能,可让您同步组件,因此更改一个组件将自动更改另一个组件。这对于需要跨页更新的页眉和页脚之类的东西尤其有用。

实时预览
Bootstrap Studio具有一项称为“ 预览”的强大功能。有了它,您可以在多个Web浏览器和设备中打开设计,并且您在应用程序中所做的每项更改都会即时显示在任何地方。

编辑代码
对于某些事情,拖放是不够的。这就是为什么Bootstrap Studio可以在需要时完全控制您的标记。您可以在我们的Sublime Text-like编辑器中导入和编辑CSS,SASS,JavaScript和HTML。

更多功能

专为Bootstrap 3和4设计
Bootstrap Studio知道如何构造有效的Bootstrap页面,并自动编写正确的HTML。它同时支持Bootstrap 3和Bootstrap 4,您可以将设计从一种转换为另一种。

一键发布
您可以将设计导出为静态网站,也可以一键发布到我们的下一代托管平台。它提供HTTPS,自定义域,密码,并且完全免费!

网格工具
该应用程序具有用于处理Bootstrap网格的专用工具。轻松创建,调整大小和偏移列,并应用响应式可见性类。

流畅的动画
在我们的应用程序中,您可以创建在浏览器滚动或悬停时触发的平滑CSS动画。我们还有一个特殊的视差组件,用于拍摄美丽的图像背景。

Google Webfonts
Bootstrap Studio与Google Webfonts集成在一起,为您提供了一种导入和管理字体的简便方法。字体家族名称甚至在我们的CSS编辑器中自动建议。

命令面板
使用我们的命令面板加快您的工作流程!按Ctrl / Cmd + P并创建/打开文件,使用类似Emmet的CSS语法插入组件,生成Lorem ipsum文本并触发菜单命令。

版本6.1.2更新内容:

改进

Bootstrap 已更新至 5.2 版

添加了回流工具包 v2 支持。它会自动用于新设计。对于现有项目,您可以从“设置”>“电子商务”切换到它。

您现在可以通过在设计中包含语言 JSON 文件将回流组件翻译成任何语言。需要回流工具包 v2。

调整画布大小时,边距/填充调整大小模式保持活动状态,从而更容易定义响应间距。

固定的

修复了在编辑大型设计时导致速度变慢的性能问题。

小错误修正和增强。

版本 6.0.1 更新内容:

兼容性macOS 10.10 或更高版本• Apple Silicon 或 Intel Core 处理器