bootstrap是比较流行的前端框架，那么可视化工具如何使用呢？

工具/原料

  • bootstrap
  • 浏览器
  • Hbuilder X

方法/步骤

  1. 1

    首先打开bootstrap菜鸟教程

  2. 2

    拉到最下方，找到“Bootstrap 可视化布局”，点击进入

  3. 3

    可调节布局设置、基本CSS、工具主键、javascript

  4. 4

    选择你要的效果，拖动至右方窗口即可

  5. 5

    完成后，点击上方的“下载”，之后复制文本到html的body里面，

  6. 6

    具体效果如下，别忘了引入bootstrap的js及css

  7. 7

    也可点击前往旧版

  8. 8

    旧版与新版之前很多地方都是不同的，看个人习惯使用哪个

    END

注意事项

  • 别忘了引入bootstrap的js及css
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。