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

Bootstrap入門ガイド

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

備忘録です

 

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

いいね♡119
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-02-28 23:50:00

【Perfume 10th TOUR】ネビュラロマンス in SAGAアリーナ

1月のことになりますが、、 Perfume 10th TOUR "ネビュラロマンス" いってきました〜！！ しかも、私の地元 ...

ブログ　2024-05-27 17:57:00

Tiffany Wonder

    東京nodeで開催されている   ティファニーワンダー展に行ってきました?   ...

ブログ　2021-02-10 21:10:00

新卒クリエイターSEOについて考えてみる

こんにちは   ひきちひきです     SEO対策ってよく聞くけど   じゃあ具体的に ...

ブログ　2023-02-13 11:11:00

CREATOR'S PRESENTATION2023

  みなさんこんにちは！   宮崎です     今日は先月1/26に行われた &nbs ...

ブログ　2021-12-23 11:46:00

ドローンが登録制に！？

こんにちは！ 深田雄太です！   いよいよドローンの登録制度が始まります。 操縦者の免許ではなくドローン機体を 登録して ...

ブログ　2022-01-28 17:48:00

10周年を迎えたピークスマインド。代表原田浩司の2022年今年の一文字は...

10周年を迎えたピークスマインド。代表原田浩司の2022年今年の一文字は...       &nb ...

ブログ　2025-03-30 20:01:00

アニメ化！！

皆さんこんばんは   タイトルにある通り「アニメ化！！！」ということで、 アニメも漫画もよく見る私が最近推している漫画がアニ ...

ブログ　2022-01-31 20:27:00

【鹿児島】2022年新天地でやりたいこと！！

こんにちは！   かいとです！       先日から鹿児島に移動になり、只今鹿児島にて業 ...

ブログ　2021-02-20 18:29:00

実写合成VFXの方法！その2

  前回の続き、mocha AEを使ったトラッキングの方法 後半をご紹介します。       ...

ブログ　2021-11-26 21:11:00

オススメ動画3選！「インタビュームービー」

こんにちは！たけばです＾＾今日のブログは個人的おすすめする【インタビュームービー】についてご紹介します！インタビュームービーと一概にいっても ...

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