Bootstrap Studio官方版

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

Bootstrap Studio官方版

软件特色

1、专为Bootstrap 3和4而设计

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

2、一键发布

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

3、流畅的动画

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

4、网格工具

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

Bootstrap Studio官方版

软件功能

一、【介面】

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

二、【漂亮的模板】

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

三、【美丽的组件】

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

1、智能拖放

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

2、创建自己的组件

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

3、网上图书馆

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

4、链接组件

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

Bootstrap Studio官方版

四、【实时预览】

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官方版

快捷键大全

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.

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

Bootstrap Studio官方版

放大 Ctrl 命令

缩小 Ctrl – 命令 –

重置缩放 Ctrl 0 命令 0

文本编辑快捷方式

行动 在Windows / Linux的 苹果电脑

编辑文本元素 输入 输入

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

胆大 Ctrl B. Command B.

斜体 Ctrl I 命令 我

Bootstrap Studio官方版

强调 Ctrl U. Command U.

切换链接 Ctrl K. Command K.

删除左词 Ctrl Backspace 选项 删除

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

移动到行首 家 Command 左箭头

移到行尾 结束 Command 右箭头

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

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

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

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

Bootstrap Studio官方版

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.net/soft/23356.html

发表评论

登录后才能评论