Bootstrapを入れてみました

webnodeにもBootstrapを入れてみました。私は無料版を使っているのでサイト全体のヘッダーコードとフッターコードの一括設定はできません。なので、固定ページとしての「ホーム」「ブログ」及びブログ記事のヘッダー、フッターにCDNからBootstrapを読み込むことにしました。

読み込んでみてChromeのデベロッパーツールで確認したところ特にこれにまつわるエラーは発生していません。多分動くだろうということで、この下にcol-12、col-sm-6、col-lg-3という構造4カラムのブロックを作ってみます。

ちゃんと動いていますね。ウインドウ幅を変えると横4カラム、2カラム、1カラムとレスポンシブに可変するのが確認できます。

Bootstrapを使うページ全てにいちいち読み込み設定しなければダメですが、そもそもページ数は少ないですし、ブログ記事はテンプレートに読み込んだ状態になっていると思いますので、事実上問題はないと思います。webnode無料版のBootstrap利用は。