プログラミング

Bootstrapの始め方

2020年6月17日

どうもこんばんはヒロシです。

今回は、WEB制作に必要なCSSの、フレームワークBootstrapを使う最初の手順を紹介します。

Bootstrapは、homepage制作のデザインやカスタマイズに必須なCSSを、より短時間で簡単に作る事が出来る非常に便利なフレームワークです。

HTMLファイルに、このページの必要なコードをコピーアンドペーストして使えば、CSSの知識があまりない方でも実用できるかと思います。

※Bootstrapeを使う手順は他の方法もありますが、今回は最も簡単な方法で説明します。

Bootstrapのサイトを開く

まずは、ブラウザでBootstrapのサイトへ行きます。

Bootstraphttps://getbootstrap.com/

BootstrapCDNで下記のコードをコピーする

 テキストエディタでindex.htmlファイルを作成または開く

テキストエディタでindex.htmlファイルを作成または開きます。

BootstrapCDNでコピーしたコードを貼り付ける

先ほどBootstrapCDNでコピーしたコードをindex.htmlの<head></head>内の一番下に貼り付けます。

以上で、Bootstrapを使う手順は完了です。

これでBootstrapが使えるようになります。

詳しい使い方などは順次公開していきます★

  • この記事を書いた人
  • 最新記事

ヒロシ

ヒロシです。
現在は会社員としてエンジニアの業務を行っています。
担当業務は主に、WordPressサイト開発、改修です。
ブログやプログラミング学習で役に立つ情報を発信しています。

-プログラミング

Copyright © ヒロシブログ 2020