软件介绍

Bootstrap Studio 是一款桌面应用，旨在帮助用户轻松创建美观的网站。它内置了大量可拖拽组件，使得构建响应式网页变得简单。该软件基于广受欢迎的 Bootstrap 框架开发，并能导出干净、语义化的 HTML 代码，得到了成千上万开发者和设计师的日常使用和喜爱。其界面美观强大，以简便的拖拽操作为核心，非常适合用于原型设计和网页、应用开发。Bootstrap Studio 提供了丰富的美观组件，包括页眉页脚、画廊、幻灯片以及基础元素如间隔和 div 等，以实现响应式页面设计。其智能拖放功能能够识别 Bootstrap 组件间的嵌套关系，并提供建议，自动生成专家级的 HTML 代码。此外，用户还可以创建自定义组件，通过在线库访问和分享社群创建的成千上万组件，利用关联组件功能同步更新多个组件，实时预览功能以及代码编辑功能，包括 CSS、JavaScript 和 HTML 的编辑，支持导入现有网站，且与 Google Webfonts 集成，简化了字体的导入和管理。Bootstrap Studio 不仅提供了高效的工作流程增强功能、专为 Bootstrap 设计的网格工具，还内置了 Bootstrap 主题、图标字体、模板和组件，让网站开发和创建功能完备的原型变得更加快乐和轻松。

软件截图

功能介绍

应用界面

• Bootstrap Studio 拥有一个美观且强大的界面，以拖放的简便性为核心，使其成为原型制作和设计网页及应用的完美工具。

美丽的模板

• 应用附带了多个高级、完全响应式的模板，您可以自定义这些模板。每个模板包括多个页面和小部件，您可以自由组合成理想的网站。

美观的组件

• Bootstrap Studio 为构建响应式页面提供了大量漂亮的组件，包括页眉、页脚、画廊、幻灯片甚至基本元素如 span 和 div。

智能拖放

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

创建您自己的组件

• 您可以将设计中的一部分提取为自定义组件，并随时准备将其拖放到您创建的任何设计中。您还可以将这些组件导出为文件并分享。

在线库

• 如果您需要库中不存在的组件，只需点击组件面板上的在线标签。在那里，您将找到社区构建和分享的数千个组件。您也可以上传自己的组件。

关联组件

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

实时预览

• Bootstrap Studio 拥有一个强大的预览功能。通过它，您可以在多个网页浏览器和设备上打开设计，应用中的任何更改都会立即显示。

编辑代码

• 对于某些任务，拖放是不够的。这就是为什么 Bootstrap Studio 让您在需要时完全控制您的标记。您可以在我们类似于 Sublime Text 的编辑器中导入和编辑 CSS、SASS、JavaScript 和 HTML。

连接外部编辑器

• 偏爱在您的编辑器中编写 CSS？没问题！一键即可连接 Visual Studio Code, Sublime Text, Atom, IntelliJ 等。

键盘快捷键

• Bootstrap Studio 对键盘快捷键提供了全面的支持，这可以显著加快您的工作流程。

更多功能

• Bootstrap Studio 是一款革命性的网站构建器。凭借其生产力特性和专门的 Bootstrap 工具，您可以从原型制作到创建一个完全工作的网站。

为 Bootstrap 3、4 和 5 设计

• Bootstrap Studio 知道如何构建一个有效的 Bootstrap 页面，并自动编写正确的 HTML。它支持 Bootstrap 3、4 和 5，并可以将您的设计从一个版本转换到另一个版本。

一键发布

• 您可以将设计导出为静态网站，或一键发布到我们的下一代托管平台。它提供 HTTPS、自定义域名、通行密钥，且完全免费！

网格工具

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

平滑动画

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

Google Webfonts

• Bootstrap Studio 与 Google Webfonts 集成，让您可以轻松导入和管理字体。在我们的 css 编辑器中，字体家族名称甚至会自动建议。

命令面板

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

主题和图标

• 该应用程序内置了多个 Bootstrap 主题、图标字体、模板和组件，您可以组合成美丽且独特的设计。

始终保持最新

• Bootstrap Studio 自动更新，因此您总是拥有最新版本。我们每月发布更新，充满新功能、组件和改进。

安装说明

激活步骤

1. 将程序安装到应用程序文件夹。

2. 解压破解版的“app.asar”文件。

3. 打开一个新的 Finder 窗口，前往“应用程序”。

• 找到“Bootstrap Studio”。

• 右键点击它并选择“显示包内容”。

• 浏览到“Content/Resources”

• 用破解版的“app.asar”替换原文件（拖放，覆盖）。

4. 将密钥文件“lab.key”复制到以下目录：

• ~/Library/Application Support/bstudio/如果不存在“bstudio”文件夹，则创建它。