Bootstrap Magic是一款在线可视化工具，用于定制基于Bootstrap框架的页面样式，可直观调整原有主题风格，快速生成统一的网站整体视觉效果，提升前端开发效率。
1、 在浏览器中搜索bootstrap magic，找到第一个结果并点击进入即可。
2、 访问bootstrap magic主页，点击创建你的主题按钮，即可进入界面样式设计页面。
3、 进入设计界面后，左侧显示各类控件，右侧展示所选控件的页面效果。
4、 点击左侧可选择不同颜色，实时调整右侧页面的显示样式，修改后右侧即刻呈现对应效果，方便直观地进行视觉优化与配色预览。
5、 进入设计页面后，默认显示当前界面，可通过点击切换至手动编辑模式，支持修改DOM与CSS。同时提供预览功能和示例页面，便于查看效果与参考实例。
6、 若需恢复修改过的节点，可点击页面右上角的按钮，所有样式调整将被清除并还原初始状态。
7、 修改完毕后，请点击页面右上角的按钮，导出更新后的样式文件。
