Home > TagScript > html,cssテンプレート >  Bootstrap > Bootstrapに触ってみる

Bootstrapのホームページで提供されているExamplesテンプレートを確認する

新規作成日 2017-01-22
最終更新日

Bootstrapのホームページには、Examplesテンプレートが提供されています。まずは、このExamplesテンプレートを元に、テンプレート構成する構造について確認します。

ホームページやブロクは、いろいろな部品で構成されています。Examplesテンプレートを参考にして、構成する部品をどのように配置しているかを確認します。

Bootstrapで作られたいろいろなテンプレートがExamplesで紹介されています。

Starter templateでメニュー部分の動作とコードを確認する

Starter template

まずは、Starter templateを利用して、メニュー部分の動作とコードを確認します。

Starter templateの動作

Bootstrap 4のデザインに、フッタとパンくずリストとgoogle検索窓を追加する

Bootstrap 4を使って、ホームページに提供されているデザイン例から、テンプレートを作成します。

ここでは、フッターとパンくずリストとgoogle検索窓を追加します。

Home Editor Tools Operation TagScript HPSpace

Copyright (C) 2011 Horio Kazuhiko(kukekko) All Rights Reserved.
kukekko@gmail.com
ご連絡の際は、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」