Bootstrap Studio for Mac 是一款功能强大的桌面应用程序,用于设计和制作网站原型。它带有大量内置组件,您可以将其拖放以组装响应式网页。该应用程序是在广受欢迎的Bootstrap框架之上构建的,并可以导出干净的语义HTML。
1、软件下载完后,打开软件包如上图,拖动软件【Bootstrap Studio
】到 Applications 进行安装。
2、安装完成后,打开软件【Bootstrap Studio
】即可使用,无需额外激活或破解!!!
界面
Bootstrap Studio具有美观而强大的界面,该界面围绕拖放的简单性而构建。这使其成为用于原型设计和设计网页和应用程序的理想工具。
漂亮的模板
该应用程序带有许多您可以自定义的高级,完全响应模板。每个模板都包含多个页面和小部件,您可以将它们挑选并匹配到理想的网站中。
美丽的组件
Bootstrap Studio带有大量用于构建响应页面的漂亮组件。我们有页眉,页脚,画廊,幻灯片,甚至还有诸如span和div之类的基本元素。请在下面查看其中的一些。
智能拖放
Bootstrap Studio知道哪些Bootstrap组件可以相互嵌套,并提供建议。它会自动为您生成漂亮的HTML,看起来就像是由专家手工编写的。
创建自己的组件
您可以将设计的各个部分提取为“自定义组件”,并准备将其放入您创建的任何设计中。您也可以将这些组件导出为文件并共享。
网上图书馆
如果您需要库中不存在的组件,只需单击“ 组件面板”中的“ 在线”选项卡。在这里,您会发现由社区构建和共享的数千个组件。您也可以上传自己的。
链接组件
这是一项强大的功能,可让您同步组件,因此更改一个组件将自动更改另一个组件。这对于需要跨页更新的页眉和页脚之类的东西尤其有用。
实时预览
Bootstrap Studio具有一项称为“ 预览”的强大功能。有了它,您可以在多个Web浏览器和设备中打开设计,并且您在应用程序中所做的每项更改都会即时显示在任何地方。
编辑代码
对于某些事情,拖放是不够的。这就是为什么Bootstrap Studio可以在需要时完全控制您的标记。您可以在我们的Sublime Text-like编辑器中导入和编辑CSS,SASS,JavaScript和HTML。
专为Bootstrap 3和4设计
Bootstrap Studio知道如何构造有效的Bootstrap页面,并自动编写正确的HTML。它同时支持Bootstrap 3和Bootstrap 4,您可以将设计从一种转换为另一种。
一键发布
您可以将设计导出为静态网站,也可以一键发布到我们的下一代托管平台。它提供HTTPS,自定义域,密码,并且完全免费!
网格工具
该应用程序具有用于处理Bootstrap网格的专用工具。轻松创建,调整大小和偏移列,并应用响应式可见性类。
流畅的动画
在我们的应用程序中,您可以创建在浏览器滚动或悬停时触发的平滑CSS动画。我们还有一个特殊的视差组件,用于拍摄美丽的图像背景。
Google Webfonts
Bootstrap Studio与Google Webfonts集成在一起,为您提供了一种导入和管理字体的简便方法。字体家族名称甚至在我们的CSS编辑器中自动建议。
命令面板
使用我们的命令面板加快您的工作流程!按Ctrl / Cmd + P并创建/打开文件,使用类似Emmet的CSS语法插入组件,生成Lorem ipsum文本并触发菜单命令。