概要
このページは、Bootstrap v5.2.0の主要要素を活用した固定ページテンプレートです。レスポンシブ対応で、簡単にレイアウトを調整できます。
ユーザーフレンドリーな設計が特徴です。
「シンプルさは究極の洗練である。」 – レオナルド・ダ・ヴィンチ
特徴
- Bootstrapのグリッドシステムを使用して柔軟なレイアウトが可能
- 多彩なUIコンポーネントが標準で利用可能
- レスポンシブ対応で、あらゆるデバイスに最適化
ヒント: 特徴に応じてデザインをカスタマイズすることで、さらに魅力的なページを作成できます！
詳細
1. タイポグラフィ
Bootstrapは視覚的に美しいタイポグラフィスタイルを提供します。
以下は例です:
- 箇条書きリストの例
取り消し線が使用可能- 挿入されたテキストもサポート
注釈の例
注: この文章は注釈として利用可能です。
画像の添付
画像1の説明
2カラムレイアウト
コンテンツ1
コンテンツ2
3カラムレイアウト
コンテンツ1
コンテンツ2
コンテンツ3
7:3 カラムレイアウト
左カラム
これは7:3のレイアウトで、左側のカラムです。重要な情報やメインコンテンツを配置するのに適しています。
右カラム
こちらは右側の3カラム部分です。サイドバーや補足情報を配置するのに便利です。
2カラムレイアウト（画像付き）
コンテンツ1
これは2カラムレイアウトの最初のコンテンツです。
コンテンツ2
これは2カラムレイアウトの2つ目のコンテンツです。
3カラムレイアウト（画像付き）
コンテンツ1
これは3カラムレイアウトの最初のコンテンツです。
コンテンツ2
これは3カラムレイアウトの2つ目のコンテンツです。
コンテンツ3
これは3カラムレイアウトの3つ目のコンテンツです。
テーブルのサンプル
| # | 名前 | メールアドレス | 登録日 |
|---|---|---|---|
| 1 | 田中 太郎 | taro.tanaka@example.com | 2025-01-01 |
| 2 | 佐藤 花子 | hanako.sato@example.com | 2025-01-02 |
| 3 | 鈴木 次郎 | jiro.suzuki@example.com | 2025-01-03 |