Bootstrap Studio 是一个桌面应用程序,可以帮助您创建漂亮的网站。它带有许多内置组件,您可以拖放这些组件来构建响应式网页。它建立在广受欢迎的 Bootstrap 框架之上,并导出干净且语义化的 HTML。每天都有成千上万的开发人员和设计师使用它。我们相信您也会喜欢它!
界面
Bootstrap Studio 有一个漂亮而强大的拖放界面。这使其成为原型设计和开发网页和应用程序的理想工具。
漂亮的内置组件
Bootstrap Studio 带有许多用于创建响应式页面的漂亮组件。我们有页眉、页脚、画廊、幻灯片,甚至是跨度和 div 等基本元素。
智能拖放
Bootstrap Studio 知道哪些 Bootstrap 组件可以嵌套并为您提供建议。它会自动为您生成漂亮的 HTML,看起来像是专家手写的。
创建自己的组件
您可以将部分设计提取为自定义组件,并准备好将它们添加到您创建的任何设计中。您还可以将这些组件导出为文件并共享它们。
在线图书馆
如果您需要我们库中没有的组件,只需单击组件面板中的在线选项卡。在那里,您会发现社区创建和发布的数千个组件。您也可以上传自己的。
相关组件
这是一项强大的功能,可让您同步组件,以便更改一个组件会自动更改另一个组件。这对于需要在不同页面上更新的页眉和页脚等内容特别有用。
实时预览
Bootstrap Studio 具有强大的预览功能。有了它,您可以在多个 Web 浏览器和设备中打开您的设计,您对应用程序所做的每一项更改都会立即显示在任何地方。
代码编辑
对于某些事情,拖放是不够的。这就是为什么 Bootstrap Studio 可以让您在需要时完全控制您的标记。您可以在我们的编辑器中导入和编辑 CSS、javascript 和 HTML,类似于 Sublime Text。
高级 CSS 编辑器
我们先进的 CSS 编辑界面支持自动建议和规则验证,并在任何给定时间显示活动和继承的规则。很快你就会害怕回到你的文本编辑器。
javascript编辑
在我们的编辑器中编写类似于 Sublime Text 的 javascript。您的所有更改都与预览同步,因此您无需重新加载浏览器即可编码和试用。
HTML 编辑
使用我们强大的自定义代码组件,您可以直接编写 HTML,而无需通过我们的拖放界面。您还可以在需要时将页面的任何部分转换为自定义代码。
导入现有网站
如果您有一个之前开发的网站,您可以导入它。只需将您的 HTML、CSS、JS 和图像文件拖放到 Bootstrap Studio 中,它们就会被添加到您的项目中。
更多功能
关于我们精彩的应用程序还有很多话要说。从生产力功能到 Bootstrap 的专用工具,Bootstrap Studio 使网站开发和完整工作的原型成为真正的乐趣。
为引导程序而生
Bootstrap Studio 知道如何创建有效的 Bootstrap 页面并自动编写正确的 HTML。它支持 Bootstrap 3,并会在发布后立即更新到 Bootstrap 4。
网格工具
该应用程序具有用于使用 Bootstrap 网格的专用工具。轻松创建、调整大小和偏移列,并应用响应式可见性类。
谷歌网络字体
Bootstrap Studio 与 Google Webfonts 集成,可以轻松导入和管理字体。我们的 CSS 编辑器甚至会自动建议字体系列名称。
生产力功能
Bootstrap Studio 全面支持键盘快捷键,可以大大加快您的工作流程。
主题和图标
该应用程序有许多内置的 Bootstrap 主题、图标字体、模板和组件,可以组合成美丽而独特的设计。