プログラム関係の備忘録。技術系記事1000記事以上を目指すブログ

【Bootply】Bootstrapのデザインを確認できるウェブサービス

Bootplyとは、Bootstrapのオプションの指定の挙動確認をしたいときなどに、自身のサイトにコードを書かなくてもそのデザインや挙動を確認できるウェブサービス。

Bootplyの使い方

まずは以下URLからBootplyのWebページへ。
https://www.bootply.com/

HandCodingをクリックすると、編集用画面が開く。
HTML、CSS、JavaScriptを入力することができる。

プレビュー方法

入力したコードをプレビューしたいときは、画面右上の「Run」をクリックすると、画面下半分にプレビューが表示される。

Setting

画面右の「Setting」をクリックすると、Bootstrapのバージョン、jQueryのバージョンを指定して動作確認ができる。
さらにAngularJSにも対応。