こんにちは。今日はBootStrapをCodePenで練習がてらに使ってみたのでレビューと使い方を少しまとめて行きたいと思います。
BootStrapとは
ja.wikipedia.org
外部リンク
1 Tweet
11 Users
29 Pockets
Bootstrap - Wikipedia
簡単に言うとそこまで深い知識なくても普通におしゃれなサイト使えるよーって感じです。ただデメリットとしては見栄えが他のBootStrapを使って作られた物に似ちゃう時があるみたい。あとBootstrapの書き方を覚え直すのが、結構めんどくさいなって思った。それとざっと日本語で書かれた記事ですが読んでみたらCSSフレームワークって言う物自体に否定的な人が多いみたい。でも求人サイトとかをみるとBootStrap持ってる方を欲しがってるとこもちょこちょこ。
CodePenで使ってみる
ノートパソコンでやってるのでエディタとブラウザ開いて編集すると画面移動がめんどくさいのでできる限りcodepenとかで練習したい。ってことで調べたところcodepenでもbootstrapが使えるみたい。
ローカルでの、導入方法は他のサイトにも載ってて結構簡単にできるのでCodepenではなくローカルで使いたい場合はそちらを参考にしてみてください。
まずは普通に新規ペンを作ります。
印つけ忘れてました。。。右上のSettingをクリックします。
その後こんな感じになるのでCSSをクリックします。
そして下の方のQuick AddをクリックしてBootstrapを選びます。ちなみに今回はBootstrap3を使います。からのSave。
BootStrapのコードに関しても触れようと思ってたんですが時間がないので今日はこの辺で。
SeeYaaaa!!!
