http://www.25xt.com/html5css3/7342.html
第一款Bootstrap的可視化制作工具:Jetstrap
Jetstrap是一個基於 Bootstrap 前端框架的可視化設計工具。
通過 Jetstrap制作出來的網頁 100% 符合 Bootstrap 標准。比如說你只要設計了電腦端的頁面,它會自動適配手機端和 Pad 端(響應式設計)。
下面我們來看看的一段關於Jetstrap的視頻操作:
工具官網酷站網 址:https://jetstrap.com/
第二款Bootstrap可視化編輯器工具-LayoutIt
簡單的幾個拖放操作就能做出漂亮的 Twitter Bootstrap 網站?是的,LayoutIt 是一個 Twitter Bootstrap 界面生成器,能夠幫助你快速制作出網站和界面模型,同時能夠下載生成的網站代碼。
工具官網酷站網址:http://www.bootcss.com/p/layoutit/
第三款Bootstrap的可視化制作工具:bootswatchr
bootswatchr是從地面上創建一個自定義的BootStrap主題的可視化工具。最大的方便就是 我們可以在左側修改css或者html代碼,然后修改結果會直接會顯示在右側。
更重要是一個在線編輯和免費生成Bootstrap主題的酷站。
工具官網酷站地址:http://bootswatchr.com/