デザインBootstrapとは?Twitter社で開発されたHTMLやCSSの知識が多少あればWebデザインの知識がなくてもデザイン性の高いWebサイトが作れるCSSフレームワークです。レスポンシブデザインにも対応しているので、デスクトップPC、スマホ、タブレットでも画面に合わせて自動的に表示できます。Licenseのオープンソースで商用利用することができます。Bootstrap」をクリックして必要なファイルをダウンロードします。Bootstrapをクリックします。「css」、「fonts」、「js」のフォルダで構成されたファイルがダウンロードされます。この状態ではHTMLファイルがないので以下からサンプルのテンプレートをコピーします。「copy」をクリックするとコピーできますので「index.html」というファイル名で保存します。先ほどダウンロードしたcssと同じ場所にindex.htmlファイルを配置します。「Hello,world!」が表示できました。今回はサンプルのテンプレートでしたが、次に紹介するようなテンプレートを利用することでデザイン性の高いサイトも構築することができます。Bootstrap公式テンプレートBootstrap公式テンプレートBootstrapでは公式のテンプレートが配布されています。このテンプレートをダウンロードして利用することで、多少HTMLやCSSの知識があればカスタマイズを簡単にすることができます。おすすめBootstrapテンプレートAgencyAgencyHTML5のシンプルなデザインなので使い勝手が良いです。無料の会員登録でダウンロード可能です。GumbaGumbaシンプルですがスタイリッシュなテンプレートです。HTML5、CSS3で無料で利用可能です。HonokaHonoka日本語を美しく表示することにこだわったテンプレートです。Bootstrapブログやランディングページなどさまざまテンプレートが公開されています。種類が豊富なので必要なテンプレートが見つかるかと思います。全て無料で利用できます。DesignstubDesignstubミニマルなデザインのテンプレートです。洗練されたデザインばかりです。無料で利用することができます。Bootstrapを使ったWordPressテーマ(テンプレート)LightningLightning無料で商用利用可能な日本語のテーマです。シンプルで簡単に設定でき、サイト訪問者にもユーザーにも優しいテーマになっています。有料拡張デザインスキンを使うことで無料テーマの設定をそのままに異なったデザインのものも作れます。100%GPLライセンスです。有料拡張プラグインとして、有料拡張デザインからCopyrightを削除する拡張プラグインなどがあります。PRESS最新のBootstrap4対応。簡単に構築できる日本語のテーマです。オウンドメディア・マガジンサイトやコーポレートサイト、コーポレートサイトなどいろんな種類の向けのテーマ(テンプレート)があります。レスポンシブ対応で、管理画面のカスタマイザーから簡単にカスタマイズができます。100%GPLライセンスです。HabakiriHabakiriBootstrapベースのシンプルで無料の公式WordPressテーマ。Lightning同様、有料拡張デザインスキンなどで異なったデザインを作ることができます。100%GPLライセンスです。Bootstrapはテンプレートを使うことで簡単にデザイン性の高いWebサイトを構築できますので、デザインに注力する時間や予算がないときなどに便利に使うことができるようになります。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。人気記事ブロガーやデザイナー必見!簡単に写真の縦横比が計算できるツールを作ってみた。