Bootstrap Studio官方版 v5.6.4

Bootstrap Studio是一款设计框架构造的编程软件，可以通过这款软件直接制作HTML文档，从而将制作的内容直接发布到网站中，帮助用快速创建响应式网站。而且软件的兼容也是非常不错，目前主流的编程语言在软件内都可以完美的运行，不管是Java还是Python都是可以直接编辑制作的，且整个软件它是非常干净无捆绑的，让用户们不用担心广告的骚扰。

软件特色

1、专为Bootstrap 3和4而设计

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

2、一键发布

您可以将您的设计导出为静态网站，或者只需点击一下即可将其发布到我们的下一代托管平台。它提供HTTPS，自定义域名，密码，完全免费!

3、流畅的动画

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

4、网格工具

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

软件功能

一、【介面】

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

二、【漂亮的模板】

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

三、【美丽的组件】

带有大量用于构建响应页面的漂亮组件，我们有页眉，页脚，画廊，幻灯片，甚至还有诸如span和div之类的基本元素。

1、智能拖放

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

2、创建自己的组件

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

3、网上图书馆

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

4、链接组件

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

四、【实时预览】

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

五、【编辑代码】

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

1、高级CSS和SASS编辑器

我们先进的CSS编辑界面支持自动建议和规则验证，并在任何给定时间显示活动和继承的规则，您很快将不得不返回到文本编辑器。

2、JavaScript编辑

在我们的Sublime Text-like编辑器中编写JavaScript，您所做的所有更改都将与预览同步，因此您无需重新加载浏览器即可编写代码并进行尝试。

3、HTML编辑

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

4、导入现有网站

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

六、【更多功能】

是革命性的网站构建器，凭借其生产力功能和专用的Bootstrap工具，您可以创建从原型到功能齐全的网站的所有内容。

专为Bootstrap 3和4设计

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

1、一键发布

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

2、网格工具

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

3、流畅的动画

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

4、Google Webfonts

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

5、生产力特点

对键盘快捷键提供了全面的支持，使您可以极大地加快工作流程。

6、主题和图标

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

7、始终保持最新

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

快捷键大全

Bootstrap Studio中有大量可用的键盘快捷键，这是在创建Web设计时加快工作流程的好方法。

行动       在Windows / Linux     苹果电脑

节省设计 Ctrl + S. Command + S.

开放式设计 Ctrl + O. Command + O.

新设计 Ctrl + N. Command + N.

出口设计 Ctrl + E. Command + E.

关闭设计 Ctrl + W Command + W

复制所选组件 Ctrl + C. Command + C.

粘贴组件 Ctrl + V. Command + V.

粘贴链接组件 Ctrl + Shift + V. Command + Shift + V.

添加组件标签 Ctrl + L. Command + L.

聚焦父组件 Ctrl +向上箭头 Command +向上箭头

聚焦儿童组件 Ctrl +向下箭头 Command +向下箭头

关注下一个兄弟姐妹 Ctrl +右箭头 Command +右箭头

关注以前的兄弟姐妹 Ctrl +向左箭头 Command +左箭头

重复的聚焦组件 Ctrl + D. Command + D.

删除聚焦组件 删除 转发删除

放大 Ctrl + 命令+

缩小 Ctrl - 命令 -

重置缩放 Ctrl + 0 命令+ 0

文本编辑快捷方式

行动 在Windows / Linux的 苹果电脑

编辑文本元素 输入 输入

空文本元素和编辑 退格 删除

胆大 Ctrl + B. Command + B.

斜体 Ctrl + I 命令+我

强调 Ctrl + U. Command + U.

切换链接 Ctrl + K. Command + K.

删除左词 Ctrl + Backspace 选项+删除

删除正确的词 Ctrl + Delete 选项+转发删除

移动到行首 家 Command +左箭头

移到行尾 结束 Command +右箭头

移到上一个单词 Ctrl +向左箭头 选项+左箭头

移到下一个单词 Ctrl +右箭头 选项+右箭头

选择上一个单词 Ctrl + Shift +向左箭头 选项+ Shift +向左箭头

选择下一个单词 Ctrl + Shift +向右箭头 选项+ Shift +右箭头