2016年2月28日日曜日

Bootstrapのサンプルを見る

Bootstrapのサンプル(Examples)を見てみる。

ブラウザで、以下のサイトを開く。

http://getbootstrap.com/getting-started/#download



"Get the source code for every example below by downloading the Bootstrap repository. Examples can be found in the docs/examples/ directory."

と書いてあるので、"downloading the Bootstrap repository" のリンクより、zipファイルをダウンロードする。(自分がダウンロード時のファイル名は、 "bootstrap-3.3.6.zip" でした。)

そして、ダウンロードしたzipファイルを解凍する。
それで、上記のスクリーンショットのサンプル(Examples)はどこかにあるかというと、 "Examples can be found in the docs/examples/ directory." と書いていある通りに、zipファイルから、解凍した後の docs/examplesにサンプル(Examples)があるので見てみる。

* Starter template の場合

  zipファイルから解凍した後の docs/examples/starter-template/index.html なので、このファイルを開くと、Starter template のサンプル(Examples)が、ブラウザに表示される。




* Bootstrap theme の場合

  zipファイルから解凍した後の docs/examples/theme/index.html なので、このファイルを開くと、Bootstrap theme のサンプル(Examples)が、ブラウザに表示される。



なので、http://getbootstrap.com/getting-started/#download の Examples の見てみたいサンプル(Examples)は、zipファイルから解凍した後の docs/examples 以下のそれらしいフォルダ名以下のindex.htmlを開くと見ることができる。

0 件のコメント :

コメントを投稿