この記事は最終更新から1年以上経過しています。現在の仕様や情報と異なる場合がありますので、ご注意ください。
Bootstrapで良く使うけど忘れがちなCSSスタイルのまとめです。
画像レスポンシンブ
<img src="#" alt="" class="img-responsive">グリッドシステム
//スマートフォン（～767px）
<div class="col-xs-12">
//タブレット（768px〜991px）
<div class="col-sm-12">
//PC（992px〜1119px）
<div class="col-md-12">
//大画面PC（1200px～）
<div class="col-lg-12">リスト左寄せ
<ul class="list-inline">
<li>...</li>
</ul>テーブル
<table class="table>
...
</table>リンクボタン
<a class="btn btn-default" href="#">Default</a>
<a class="btn btn-primary" href="#">Primary</a>
<a class="btn btn-success" href="#">Success</a>
<a class="btn btn-info" href="#">Info</a>
<a class="btn btn-warning" href="#">Warning</a>
<a class="btn btn-danger" href="#">Danger</a>
<a class="btn btn-link" href="#">Link</a>アイコン
<span class="glyphicon glyphicon-star"></span>