下载之家:安全、高速、放心的绿色下载站!

当前位置:首页文章教程软件教程详细列表

Bootstrap Studio怎么用?Bootstrap Studio使用方法

时间:2023-01-02 来源:下载之家
手机扫码继续观看
Bootstrap Studio怎么用?Bootstrap Studio使用方法

Bootstrap Studio官方版是一款界面直观、功能全面、操作轻松的网页设计工具。Bootstrap Studio官方版建立在非常风行的Bootstrap框架之上,附带大量用于构建响应式页面的漂亮组件,拥有智能拖放,实时预览,在线图书馆等多种功能。Bootstrap Studio可以帮助用户轻松设计精美网页。今天小编来教大家Bootstrap Studio的使用方法,希望大家会喜欢。

Bootstrap Studio的使用方法

程序安装完成后,可以直接双击应用程序将程序打开,弹出对应的用户界面

Bootstrap Studio的使用方法

Bootstrap Studio网站

我们新的和改进的网站托管平台就在这里!发布您的网站并享受http,自定义域,密码保护等等。 全部免费!

Bootstrap Studio的使用方法

新的Beautiful Bootstrap 4模板

添加了10个新的漂亮的Bootstrap 4模板。 他们是充分响应和轻巧。 适用于目标网页,博客和小型企业网站。

Bootstrap Studio的使用方法

SEO渐进式Web应用程序支持

您现在可以定义网站图标,创建站点地图,Twitter和Facebook卡,Progressive Web App清单以及更多内容,从新的“设置SEO”面板中。

Bootstrap Studio的使用方法

图表在这里

您可以创建响应式条形线。 馅饼。 分散等图表类型,并轻松自定义它们。

Bootstrap Studio的使用方法

自定义Webfont支持

自定义字体在这里! 支持所有webfont格式。 只是右键单击“字体”组,然后选择“导入Webfont”。

Bootstrap Studio的使用方法

修复了阻止图像对话框出现的错误显示新导入的图像。修复了导航栏下拉菜单损坏的问题

Bootstrap Studio的使用方法

自定义字体在这里!右键单击“字体”组,然后选择“导入Webfont”。

现在支持自定义设备大小。您可以输入自定义设备尺寸,它们将被保存为设备下拉菜单中的预设。

Bootstrap Studio的使用方法

将“清理..”选项添加到“设计面板”>“图像”组中。单击它可以显示设计中所有未使用的图像,并可以将其删除。

现在,可以通过右键单击来选择仅导出活动页面或“设计”面板中的选定页面。

粘贴得到改善。现在,您可以在其他组件之前/之后粘贴组件,在匹配格式时粘贴文本并从Word文档粘贴。

Bootstrap Studio的使用方法

CSS文件可以打开/关闭。

Alt + Enter将当前编辑的元素分为两个。

现在可以在窗口周围拖动颜色选择器。

Bootstrap Studio的使用方法

延迟加载设置已添加到图像。

现在,您可以通过将文件直接拖动到文件夹中来导入文件。

菜单已添加到element.style块中,使您可以将所有CSS规则提取到一个新块中。

Bootstrap Studio的使用方法

视频组件现在可以播放Facebook视频。

添加到库对话框进行了改进。

包括导航栏和导航的许多组件已解锁,使您能够创建完全自定义的导航栏。

属性面板被重写。现在可以更轻松地浏览,添加和编辑属性。

Bootstrap Studio的使用方法

现在,“查找和替换”对话框可以搜索用户和系统属性。

现在,您可以在“概述”面板中双击组件,启用/禁用CSS块,并在悬停时查看组件名称。

通过增加收件人限制和更改电子邮件主题的能力,改进了智能表单。

以上介绍的内容就是关于Bootstrap Studio的使用方法,不知道大家学会了没有,如果你也遇到了这样的问题的话可以按照小编的方法自己尝试一下,希望可以帮助大家解决问题,谢谢!!!想要了解更多的软件教程请关注Win10下载之家~~~