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

Bootstrap入門ガイド

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

備忘録です

 

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

いいね♡85
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

ブログ　2025-08-15 17:06:00

涼しいとこ行きたくない？

    猛暑と悪天候が続く、今年の夏、、、 みなさまどう お過ごしでしょうか,,, 今年の夏、お休みを頂いたり、 ...

ブログ　2019-03-01 17:34:00

Panasonic GH5 インターバル撮影

時間が空いたので愛車を走らせていつもの海へ。 本当は綺麗な夕陽が撮れればベストだったんだけど、雲が多い。だったら、雲に「より一層の迫力 ...

ブログ　2021-12-16 17:22:00

意外と知らない！！挙式スタイル

こんにちは、こんばんは エハラです。     突然ですが、「結婚式」ってご存知ですか？？？ ・・・。 まあ、 ...

ブログ　2022-04-03 19:55:00

読書します！

    こんにちは！宮崎です！   今回は原田さんに貸していただいた 本を2冊ご紹介します！！！ ...

ブログ　2025-02-27 08:20:00

アクセス最強の博多駅にあるのはランチだけでなく、、、

こんにちは、伊藤です。   前回の高宮編に続き、本日は博多のランチメニューをおすすめします！     ...

ブログ　2025-11-05 14:27:00

【カメラの基礎3】8bitと10bitとは？映像の色が変わる大事な設定

どうも皆さんこんにちは！   志水です！   動画撮影をしていると、メニューの中に「8bit」や「10bit」と ...

ブログ　2023-04-30 21:35:00

こりゃもてんばい3を観てきたよ

4月最終日となり、もう夏の訪れも感じようかとする今日この頃。 ピークスマインドで働いていると、休みが火曜と水曜なので、参加できるイベントが ...

ブログ　2025-06-30 22:36:00

飯塚オートレース場のレーザーショー＆打ち上げ花火を見に行きました！

みなさんこんにちは！福岡です！ 梅雨が終わるといよいよ夏の始まりを感じてしまいますね！ 夏といえば・・・・そう・・・花火！！！ &nb ...

ブログ　2020-08-21 12:56:00

福岡映像 ステキメーカー ツクツクサイトのご紹介！

こんにちは！ 新卒の挽地です！ 今回は、ステキメーカー ツクツクサイトのご紹介をします。   現在、ステキメーカー ツクツ ...

ブログ　2021-02-11 21:27:00

全部出来ます！

  今日は知人の紹介で 糸島の、とある会社の社長様との ミーティング。       ...

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