Bootstrap Studio 是一款桌面应用程序，可帮助 Web 开发人员和设计人员使用 Bootstrap 框架创建响应式网站。它支持各种组件和高级功能，可提高您的工作效率。它具有简洁直观的界面，任何人都可以轻松通过拖放操作创建漂亮的网页。

界面

Bootstrap Studio 拥有美观而强大的界面，其设计以拖放操作的简易性为中心。这使其成为原型设计和网页及应用程序设计的完美工具。

精美的内置组件

Bootstrap Studio 附带大量漂亮的组件，可用于构建响应式页面。我们有页眉、页脚、图库、幻灯片，甚至还有 span 和 div 等基本元素。

智能拖放

Bootstrap Studio 知道哪些 Bootstrap 组件可以相互嵌套，并为您提供建议。它会自动为您生成漂亮的 HTML，看起来就像是专家手写的一样。

创建自己的组件

您可以将设计的各个部分提取为自定义组件，并将它们放入您创建的任何设计中。您还可以将这些组件导出为文件并共享它们。

在线图书馆

如果您需要我们库中不存在的组件，只需单击组件面板中的“在线”选项卡即可。在那里，您将找到社区构建和共享的数千个组件。您也可以上传自己的组件。

链接组件

这是一个强大的功能，它允许您同步组件，因此更改一个组件将自动更改另一个组件。这对于需要跨页面更新的页眉和页脚等内容特别有用。

实时预览

Bootstrap Studio 有一个强大的功能，叫做预览。有了它，你可以在多个 Web 浏览器和设备上打开你的设计，并且你在应用程序内所做的每个更改都会立即显示在任何地方。

编辑代码

对于某些事情，拖放是不够的。这就是为什么 Bootstrap Studio 让您在需要时完全控制标记的原因。您可以在类似 Sublime Text 的编辑器中导入和编辑 CSS、javascript 和 HTML。

高级 CSS 编辑器

我们先进的 CSS 编辑界面支持自动建议和规则验证，并可随时显示活动规则和继承规则。您很快就会害怕不得不返回文本编辑器。

javascript 编辑

在我们类似 Sublime Text 的编辑器中编写 JavaScript。所有更改均与预览同步，因此您可以编写代码并试用，而无需重新加载浏览器。

HTML 编辑

使用我们强大的自定义代码组件，您可以直接编写 HTML，而无需通过我们的拖放界面。您还可以在需要时将页面的任何部分转换为自定义代码。

导入现有网站

如果您之前开发过网站，您可以将其导入。只需将 HTML、CSS、JS 文件和图像拖放到 Bootstrap Studio 中，它们就会添加到您的项目中。

更多功能

关于我们出色的应用程序，还有更多要说的。从生产力功能到专业的 Bootstrap 工具，Bootstrap Studio 让网站设计和构建功能齐全的原型成为一种真正的乐趣。

为 Bootstrap 构建

Bootstrap Studio 知道如何构建有效的 Bootstrap 页面并自动编写正确的 HTML。它支持 Bootstrap 3，一旦 Bootstrap 4 推出，它将更新至该版本。

网格工具

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

Google Webfonts

Bootstrap Studio 与 Google Webfonts 集成，为您提供了一种导入和管理字体的简便方法。我们的 css 编辑器甚至会自动建议字体系列名称。

生产力功能

Bootstrap Studio 全面支持键盘快捷键，可让您大大加快工作流程。

主题和图标

该应用程序具有许多内置的 Bootstrap 主题、图标字体、模板和组件，您可以将它们组合成美观而独特的设计。

始终保持最新状态

Bootstrap Studio 会自动更新，因此您始终拥有最新版本。我们每月都会发布更新，其中包含新功能、组件和改进。

什么是新的

版本 6.7.3:

• 更新此列表时，发行说明不可用。

兼容性

macOS 10.10 或更高版本
Apple Silicon 或 Intel Core 处理器