Webクリエイターズニュース

ドラッグ&ドロップで配置したBootstrapのグリッドを出力してくれる Shoelace

Pocket
LINEで送る

Shoelace_-_Visual_Bootstrap_3_Grid_Builder

Bootstrap3のグリッドを各デバイス向けにドラッグ&ドロップで配置。
そのコードを出力してくれるサービス。

まだBootstrapのグリッドに慣れていない方や、さらっとグリッド配置してベースを作りたいなんて時に便利そうですね。

 

左側のエリアでデバイスを選んで配置すると、右側のエリアにはこのように表示されます。

Shoelace_-_Visual_Bootstrap_3_Grid_Builder2

LESS表示

Shoelace_-_Visual_Bootstrap_3_Grid_Builder3

 

Jadeで表示

Shoelace_-_Visual_Bootstrap_3_Grid_Builder4

 

 

 

Shoelace – Visual Bootstrap 3 Grid Builder

この記事を書いた人
Kenji Goto
Kenji Gotoよつばデザイン
Pocket
LINEで送る