Bootstrap とは?

Bootstrap とは?

「Bootstrap」は、HTMLの知識を持った人なら、Webページを簡単に作成できるCSSフレームワークとよばれるツールの中の1つです。

Bootstrapを利用すると、今まで時間のかかっていたレイアウトもすぐにできます。

事前にあるといい知識

Bootstrap は、簡単にWebサイトをつくるためのツールですが、「ホームページ・ビルダー」のように、ワープロ感覚で作成できるツールではありません。

当然ですが、HTMLとCSSの知識・技能は必要になってきます。

また、公式サイトは英語でかかれていますので、なんとなく英語が読めるといいかもしれません。

Bootstrap 3 は、フラットなデザイン。

このサイトを、どんどん読み進めていくと解ると思いますが、Bootstrap3は、基本的にフラットデザインになっています。

フラットなボタン!

もし、こんなデザインが嫌な場合は、Bootstrap 2.x を利用してください。(ただし、このサイトに載っているコードで動かないものがあります)

または、bootstrap(.min).css と bootstrap-theme(.min).css を同時によみこませることによって、グラデーションのかかったきれいなデザインにすることもできます。

[重要!]Bootstrap 3 と、Twitter Bootstrap 2以前は、互換性がありません!

今まで、「Twitter Bootstrap 2」を使っていた人が、何も知らないで「Bootstrap 3」を使おうとすると、思ったとおりのデザインにならないものがあります。
例えば、span*というクラスがありましたが、それをBootstrap3で表示させると、正しいレイアウトにならないと思います。

いままで、Bootstrap2 を使っていた人も、公式ドキュメントや、本サイト(役に立たないかもしれませんが)を参照されることをお勧めします。

Copyright © 2014 SofPyon, All Rights Reserved.