Bootstrap– tag –
-
Bootstrapで作る簡単！スライドショーを作ってみよう
完成イメージ Bootstrap06：スライドショーを作ってみよう 前へ 次へ 作成ファイル・保存場所 bootstrap フォルダに以下のファイルを作成してください。 ファイル名内容bootstrap06.htmlBootstrapのフォーム装飾練習用ファイル※CSSファイル不要Bootstrapは... -
Bootstrapの得意技！フォームを装飾してみよう
完成イメージ お名前、メール、お問い合わせの3つの入力欄 それぞれラベル付きで、幅いっぱいに広がっている 下に「送信」ボタン（青いボタン） 作成ファイル・保存場所 bootstrap フォルダに以下のファイルを作成してください。 ファイル名内容bootstrap0... -
Bootstrapのナビゲーションバーを作ってみよう
完成イメージ 左に「MySite」などのロゴ 右に3つのメニュー（例：ホーム / サービス / お問い合わせ） スマホではハンバーガーボタンで開閉 作成ファイル・保存場所 bootstrap フォルダに以下のファイルを作成してください。 ファイル名内容bootstrap04.ht... -
Bootstrapのボタン・カード・画像を使って装飾しよう
完成イメージ（PC と SP) 3つのカードが横並び（PC表示） 各カードには画像・見出し・説明文・「続きを読む」ボタン スマホでは1列ずつ表示される 作成ファイル・保存場所 bootstrap フォルダに以下のファイルを作成してください。 ファイル名内容bootstra... -
Bootstrapグリッドシステムでレイアウトしてみよう
完成イメージ 「サービス紹介」など3つのボックスが横並び（PC時） スマホでは縦並びに変化 ボックスの中にはタイトルと短い説明 作成ファイル・保存場所 bootstrap フォルダに以下のファイルを作成してください。 ファイル名内容bootstrap02.htmlBootstra... -
Bootstrapを読み込んで使ってみよう
完成イメージ 背景（グレー）が画面全体に広がっている 黄色いエリア（.container）の中に見出しと説明文が中央揃えで表示されている 青いボタンが最後に配置されている 作成ファイル・保存場所 bootstrap フォルダを作成します。 ファイル名内容bootstrap... -
Bootstrapの基本的な使い方
Bootstrapとは？ Bootstrap（ブートストラップ）は、CSS・JavaScriptの機能があらかじめ用意された無料のフレームワークです。 サイト全体のレイアウト ボタンやカードなどのデザインパーツ モバイル対応（レスポンシブ設計）のモバイルファースト これら...
1
