ブートストラップのオンラインエディター— LayoutIt

Twitter Bootstrapはますます人気が高まっており、多くの人がプロジェクトで使用しています。さらに多くの人がインターフェースのプロトタイプ作成に使用していると思います。 私も例外ではありません。 そして今朝、興味深いサービスであるLayoutItに出会いました。 基本的に、LayoutItはBootstrapを使用してインターフェイスを作成するためのオンラインエディターです。 エディターは、ドラッグアンドドロップインターフェイスです。





もっと詳しく見てみましょう。 プロジェクトはまだベータ版であり、Bootstrapのすべてのコンポーネントと機能を使用できるわけではないことを伝えたいだけです。 だから、たとえば、JavaScriptタブでCoomingはすぐに誇示します...また、ボタンにはアイコンを配置できません。

エディターのインターフェースは次のようになります



右側には、Bootstrapコンポーネントのあるタブがあります。 グリッドシステム-1つ、2つまたは3つの列を選択します。 ベースCSS-ボタン、リスト、テーブル、フォームなどの基本要素。 コンポーネント-さまざまな追加コンポーネント。

あとは、要素をドラッグアンドドロップして、プロパティを選択するだけです。 こんな感じ



完了したら、トップメニューを使用してプレビューを表示したり、zip形式またはhtml形式でコードをダウンロードしたりできます。

エディタはまだ理想からほど遠い、多くのコンポーネントが欠落している、まだやるべきことが残っています。 しかし、簡単なスケッチの場合、ほぼ完璧にフィットします。



ウェブサイト： LayoutIt