HOME > WEB > bootstrap > Bootstrapで良く使うけど忘れがちなCSSスタイルまとめ

Bootstrapで良く使うけど忘れがちなCSSスタイルまとめ

folder_open label_outline
Bootstrapで良く使うCSSスタイルまとめ

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>

アイコン一覧はこちら