基於電腦端的網站，離不開網頁，寫網頁並不複雜，但是繁瑣，比如一個表格，你可能要不停的tr和td，再加上樣式，調來調去。
最早的時候用過dreamweaver，可以實現頁面布局可視化操作，有沒有一款類似的在線工具能幫助程式設計師小哥哥、小姐姐們解決這樣的煩惱？
Bootstrap的可視化布局工具，這款工具叫Layoutlt，可以在百度中直接搜索名字
如果你的網站用的是Bootstrap框架，那這款工具會為你打call，讓你的開發如虎添翼。
構建頁面布局，你要做的，只是拖拖拽拽就可以完成，還可以自定義每個柵格的大小。
你還可以選擇是自適應寬度，還是因定寬度，工具直接給你做好，點擊下載按鈕，可以拷貝裡面的代碼，直接拿來就用。
我們在頁面上用到的所有的表格、段落、表單、列表、地址、按鈕都可以拖拽到工作區內，直接點下載可以得到原始碼。
是不是很方便？但這些基本的頁面元素其實挺簡單的，自己手寫也還能接受，下面這些對前端工程師更加實用
組件式的元素
一些複雜的頁面元素組件也可以實現，創業的時候資金不是太足，公司裡沒有前端，什麼都要自己研究，一開始就在網上找，純原生的css和js，剩下的自己寫，要多麻煩有多麻煩。
有了這個之後，頁面開發的速度幾何倍的提升，簡直太好用了。
交互式組件
如果上面那些還不夠，這還有交互式的組件，導航欄、切換卡、提示框、手風琴式的元素切換以及輪換圖，小夥伴們不需要再為頁面發愁啦，只要不是特別的需求，這些足夠我們用了。
有了這個工具，開發前端頁面是不是方便不少？
小夥伴們，還需要什麼樣的工具可以在評論區留言，以後會不斷的給大家介紹加快開發速度的實用小工具。