软件介绍
Bootstrap Studio 是一款基于 Bootstrap 前端框架的可视化网页设计软件，支持 Windows、macOS 和 Linux。它内置了大量现成的 Bootstrap 组件，通过拖拽就能搭建响应式网页，同时保留了完整的代码编辑能力，适合前端开发者和网页设计师用来快速制作网页和产品原型。官方提供试用。
拖拽组件，快速搭建响应式网页
Bootstrap Studio 内置了页眉、页脚、导航栏、图库、轮播图、表单、卡片等大量组件，以及多套主题、图标字体和页面模板。把组件拖到页面上即可完成布局，软件知道哪些组件可以互相嵌套，会给出合理的建议。专门的栅格工具可以快速创建、调整和偏移列，设置不同屏幕尺寸下的显示方式，轻松做出在电脑、平板和手机上都能正常显示的响应式页面。它还集成了 Google Fonts，可以直接导入和管理网页字体。
可视化与代码编辑结合，导出干净的 HTML
只靠拖拽无法完成的地方，可以随时切换到代码编辑：内置的编辑器支持直接编写 HTML、CSS 和 JavaScript，CSS 编辑器提供自动提示和规则检查，能显示当前生效和继承的样式。也可以把整个页面转换成自定义代码自由修改。软件会自动生成结构规范的 HTML 代码，也可以把已有网站的 HTML、CSS、JS 文件和图片导入进来继续编辑。
自定义组件、在线组件库与多设备实时预览
设计好的页面片段可以保存为自定义组件，在其他项目中重复使用，也可以导出分享;"链接组件"功能可以让多个页面的页眉、页脚保持同步，修改一处，其他页面自动更新。在线组件库里还有大量社区分享的组件可以直接使用。实时预览功能可以在多个浏览器和设备上同时打开设计稿，每一次修改都会立即同步显示。
常见问题
Bootstrap Studio 免费吗?
不是，它是付费软件，采用一次性购买授权的方式。
不会写代码能用吗?
可以用拖拽完成基本的页面布局，但要做出完整的网站，最好对 HTML 和 CSS 有基本的了解。完全不懂前端的话，可以考虑使用在线建站平台。
和 Dreamweaver 有什么区别?
Dreamweaver 是通用的网页编辑器，支持各种框架和语言；Bootstrap Studio 专注于 Bootstrap 框架，拖拽搭建响应式页面更快，组件也更丰富。
下载前请核对软件版本、系统要求及文件大小，安装前建议进行安全扫描。软件授权及使用范围以开发者说明为准。
