ブログ - 2024-12-30 13:15:00

Bootstrap入門ガイド

Posted by 柴田 あゆみ
Ayumi Shibata
いいね♡140

備忘録です

 

Bootstrapとは？

Bootstrapは、ウェブサイトの見た目を簡単に整えるためのツールセット
HTML、CSS、JavaScriptがセットになっていて、すぐに使えます。

例えば、ボタン、メニュー、フォームなど、よく使うデザインがすでに用意されているので、自分でゼロから作らなくても大丈夫！
また、スマホやパソコン、どんな画面サイズにも対応できるレスポンシブデザインも簡単に作れます。

 

特徴

・簡単で速い：コードを少し書くだけで見た目が整う

・スマホ対応：自動でデバイスに合わせて表示が調整される

・すぐ使えるパーツ：ボタンやメニュー、スライドショーなどが簡単に作れる

 

Bootstrapを始め方

方法1: CDNを利用する

CDN（コンテンツ配信ネットワーク）を使えば、Bootstrapのファイルをダウンロードせず使用可能

以下のコードをHTMLファイルの<head>タグに追加するだけです。

 

<!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Bootstrap JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>

 

方法2: ローカルにダウンロードする

 

公式サイト（https://getbootstrap.com）からBootstrapのファイルをダウンロードして、自分のプロジェクトに追加する

 

Bootstrapを活用すると、初心者でも簡単にプロフェッショナルなウェブサイトを作ることができます。

いいね♡140
Posted by Ayumi Shibata
鹿児島エリア マネージャー / チーフクリエイター 柴田 あゆみ

柴田 あゆみが書いたその他記事

2025-04-29
2025-01-31
CDNJS とは?
2024-11-30
GitHub
2024-02-29
蜷川実花展
2022-12-19
冬の鹿児島
2021-02-26
文字の色選び
2021-01-07
初雪
2020-11-27
11月29日
2020-10-31
映画のすすめ
2020-09-27
肉がすき
2020-02-28
桜島観察記録
2020-01-30
博多座
< Prev 【2024年の思い出】タイ水上マーケット
Next > 久しぶりのバスケ観戦！！
ブログ TOP

ブログ　2023-01-16 19:05:00

東京研修行ってきました！！！

先日、ピークスマインドの東京研修に行ってきました！   久しぶりの東京にドキドキでしたが. .    ...

ブログ　2025-01-31 20:34:00

CDNJS とは?

CDNJS (cdnjs.com)とは？ CDNは、 インターネット上のデータ（画像・動画・ファイルなど）を速く届けるための仕組み です！ ...

ブログ　2024-12-06 13:49:00

福岡 鉄道スポット！！

  こんにちは！！   先日福岡に行った際に   素敵な場所を見つけましたのでご紹介＾＾ &nbs ...

ブログ　2025-06-23 19:08:00

【生成AI】Midjourney V1 試してみた

こんにちは、瀬元です！   先日、Midjourneyに登場した「画像から動画が作れるAI」 V1の機能を試してみました！ ...

ブログ　2020-05-28 10:18:00

とある新卒クリエイターの新たなるインプット

みなさま、こんにちは。 毎度おなじみ上甲でございます。   家で過ごす時間が多いかと存じますが、みなさま何をしてお過ごしでし ...

ブログ　2021-09-18 15:03:00

プロジェクションマッピングを導入した企業の実例

今回、福岡で複数の店舗を経営されている実業家の方から新しい店舗でのプロジェクションマッピングの導入のお話を頂いた。福岡市内に9月にオープンし ...

ブログ　2024-05-31 23:01:00

オーディオブックっていいな、、、

こんばんは。永原です！   みなさん読書は嗜みますか？ 私は中学生ぐらいから結構読むようになって、本屋さんにも毎週のようにい ...

ブログ　2020-06-10 18:46:00

わたし的おうち時間の過ごし方！

  こんにちは！たけばです＾＾   新型コロナウイルスの影響で 自宅での時間を楽しむ方も多いのではないでしょうか ...

ブログ　2021-01-31 14:49:00

オススメYouTubeチャンネル -1 MILLION Dance Studio-

  こんにちは！たけばです＾＾   今日は私的オススメなYou Tubeチャンネルを紹介します♡   ...

ブログ　2022-01-24 09:38:00

今年の漢字一文字

こんにちは、桑原です。 年が明けて少し経ってしまいましたが 桑原の今年の目標を漢字一文字にしてみました！   鳥栖に転 ...

Copyrights ©️ 2019 All Rights Reserved by PEACSMIND Co.,Ltd.