■はじめに
CSSフレームワークまわりに興味があったこともあり、Bootstrapを利用したテンプレートを触ってみました。
■環境
・MAMP 4.4.1
・Bootstrap4
■試す手順
1.Start Bootstrapのサイトへアクセスしテンプレートを選ぶ
今回は「Creative」のテーマで試します。
Start Bootstrap - Free Bootstrap Themes and Templates
2.詳細画面からダウンロード
Creative - One Page Bootstrap Theme - Start Bootstrap
3.ダウンロードしたファイルをMAMP環境で実行する
4.テンプレートの内容が表示される!
完成されてますね、、ちなみに、文字の変更や画像の変更はテンプレートファイル内にあるHTMLファイルやCSSファイルを書き換えるだけで簡単に変更できます。
■おわりに
細かいデザインの変更等はHTML/CSS、JavaScript、Bootstrapの知識が必要ですが、これだけテンプレート化されているのは本当にすごいですね。CSSフレームワークは次々と新しいものが出てくるので、最近流行っているものを使ってみることにも興味が出てきました。
■関連リンク
・Bootstrap · The most popular HTML, CSS, and JS library in the world.
・Start Bootstrap - Free Bootstrap Themes and Templates
・無料テンプレートで爆速WEB制作!Start Bootstrapを使ってみよう! | 札幌・東京のホームページ制作・ウェブ制作会社monomode