Bootstrap Studio for Mac 是一款功能强大的桌面应用程序,用于设计和制作网站原型。它带有大量内置组件,您可以拖放这些组件来组装响应式网页。该应用程序建立在广受欢迎的 Bootstrap 框架之上,并导出干净且语义化的 HTML。Bootstrap Studio 有一个漂亮而强大的界面,它是围绕拖放的简单性构建的。这使其成为原型和设计网页和应用程序的完美工具。
Bootstrap Studio软件安装包下载完成后,打开软件包如上图,请参照 苹果电脑mac拖拽安装软件 进行安装即可。
漂亮的模板该应用程序带有许多您可以自定义的高级、完全响应的模板。每个模板都包含多个页面和小部件,您可以挑选并匹配到完美的网站中。 | 美丽的组件Bootstrap Studio 带有大量用于构建响应式页面的漂亮组件。我们有页眉、页脚、画廊、幻灯片,甚至是跨度和 div 等基本元素。 |
智能拖放Bootstrap Studio知道哪些Bootstrap组件可以相互嵌套,并为您提供建议。它会自动为您生成漂亮的HTML,看起来就像是专家手写的一样。 | 创建您自己的组件您可以将您的设计片段提取为自定义组件,并准备好将它们放入您创建的任何设计中。您还可以将这些组件导出为文件并共享它们。 | ||
在线图书馆如果您需要我们库中不存在的组件,只需单击组件面板中的在线选项卡。您会发现社区构建和共享的数千个组件。您自己也可以上传。 | 链接组件这是一项强大的功能,可让您同步组件,因此更改一个将自动更改另一个。这对于需要跨页面更新的页眉和页脚等内容特别有用。 |
实时预览Bootstrap Studio有一个强大的功能,叫做预览。有了它,您可以在多个 Web 浏览器和设备中打开您的设计,您在应用程序中所做的每一项更改都会立即显示在任何地方。 | |
编辑代码对于某些事情,拖放是不够的。这就是为什么 Bootstrap Studio 可以让您在需要时完全控制您的标记。您可以在我们的 Sublime Text-like 编辑器中导入和编辑 CSS、SASS、JavaScript 和 HTML。 |
CSS和SASS编辑器我们先进的CSS编辑界面支持自动建议和规则验证,并在任何给定时间显示活动和继承的规则。 | JavaScript编辑在我们的Sublime Text-like编辑器中编写JavaScript。您的所有更改都与预览同步,因此您可以编写代码并试用,而无需重新加载浏览器。 | ||
HTML编辑使用我们强大的自定义代码组件,您可以直接编写HTML,而无需通过我们的拖放界面。您还可以在需要时将页面的任何部分转换为自定义代码。 | 导入现有网站如果您有一个以前开发过的网站,您可以导入它。只需将HTML、CSS、JS文件和图像拖放到Bootstrap Studio中,它们就会添加到您的项目中。 | ||
连接外部编辑更喜欢在编辑器中编写CSS?没问题!只需单击一下,您就可以连接Visual Studio Code、Sublime Text、Atom、IntelliJ等。 | 键盘快捷键Bootstrap Studio全面支持键盘快捷键,可让您显着加快工作流程。 |
Bootstrap Studio是一个革命性的网站建设者。凭借其生产力功能和专业的Bootstrap工具,您可以创建从原型到完整工作网站的所有内容。
为Bootstrap老版本构建Bootstrap Studio 知道如何构建有效的 Bootstrap 页面并自动编写正确的 HTML。它支持 Bootstrap 3、Bootstrap 4 和 Bootstrap 5,并且可以将您的设计从一种转换到另一种。 | 一键发布您可以将您的设计导出为静态网站,或一键发布到我们的下一代托管平台。它提供 HTTPS、自定义域、密码并且完全免费! | ||
网格工具该应用程序具有使用 Bootstrap 网格的专用工具。轻松创建、调整大小和偏移列,并应用响应式可见性类。 | 流畅的动画在我们的应用程序中,您可以创建在浏览器滚动或悬停时触发的流畅 CSS 动画。我们还有一个特殊的视差组件,用于制作精美的图像背景。 | ||
谷歌网络字体Bootstrap Studio 与 Google Webfonts 集成,为您提供了一种简单的方法来导入和管理您的字体。我们的 CSS 编辑器甚至会自动建议字体系列名称。 | 命令面板使用我们的命令面板加快您的工作流程!按Ctrl/Cmd+P并创建/打开文件,插入具有类似 Emmet 的 CSS 语法的组件,生成 Lorem ipsum 文本并触发菜单命令。 | ||
主题和图标该应用程序具有许多内置的 Bootstrap 主题、图标字体、模板和组件,您可以将它们组合成美丽而独特的设计。 | 始终保持最新Bootstrap Studio会自动更新,因此您始终拥有最新版本。Bootstrap经常发布更新,其中包含新功能、组件和改进。 |