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

1694938091-3409f3421535c4f

界面
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.6.1更新内容:

修复了动画在某些情况下无法正常工作的问题。

修复了智能表单无法在预览中加载的问题。

对启动新式模板的次要修复。

版本6.5.2更新内容:

改进

Bootstrap 已更新至 6.5 版

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

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

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

固定的

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

小错误修正和增强。

版本 6.0.1 更新内容:

##新功能

添加了一个名为“Bold & Bright”的新模板。它由多个页面、视差效果、可定制的小部件和电子商务集成组成。
应用程序中内置的 UI 组件进行了现代化和扩展。它们适应您使用的 Bootstrap 主题,并且在每个屏幕尺寸上看起来都很棒。
您现在可以在应用程序的所有面板中进行搜索。这使得查找文件、设置和组件变得容易。
添加了新的下载 Google 字体导出设置。有了它,应用程序可以自动将字体下载为本地文件,从而提高性能和隐私。
添加了一个 View Cart 电子商务组件,由 Reflow 提供支持。

##改进

改进了外观面板中的样式目标下拉菜单。它现在可以创建和编辑类名和 id,从而更快地设置元素样式。
发布到 SFTP 服务器时,您现在可以使用自定义发布选项来查看将上传的文件。
Carousel 组件有一个用于显示和隐藏控制箭头的新选项。
预览设置面板现在显示用于快速连接手机的二维码。
如果没有配置存储,回流组件现在会在浏览器预览中显示有用的消息。

##错误修复

修复了阻止某些设计导出的问题。
修复了导致编辑器失去焦点的 CSS 编辑错误。

1694938091-c1529bc69ca177a

1694938092-01d8ff98bff09c6

1694938092-68a3cbd7d84f0e8

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