ledsun https://blog.hatena.ne.jp/ledsun/ @ledsun blog https://ledsun.hatenablog.com/ 技 Bootstrapとは？ Twitter社が作成し公開したレスポンシブデザインに対応した*1CSSフレームワークです。 あらかじめ用意されているCSSを使うと、パーツをいちいちデザインしなくても今風のおしゃれなホームページが作れます。 使い方 とりあえず試すにはCDNを使うのが便利です。 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> よく使うクラスを紹介 次の三つのCSSクラスを紹介します。 囲み - well テーブル - table ボタ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fledsun.hatenablog.com%2Fentry%2F2014%2F01%2F17%2F183023" title="My first Bootstrap - @ledsun blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/l/ledsun/20140117/20140117181919.png Hatena Blog https://hatena.blog 2014-01-17 18:30:23 rich https://ledsun.hatenablog.com/entry/2014/01/17/183023 1.0 100%