投稿記事

Bootstrap helper classes;

07 Oct 2015


Contextual colors

text-muted

text primary

text-success

text-info

text-warning

text-danger

<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>

Quick floats

左側に表示
右側に表示


<div class="pull-left">左側に表示</div>
<div class="pull-right">右側に表示</div>

Showing and hiding content

見える
<div class="show">見える</div>
<div class="hidden">見えない</div>

Image replacement

要素のテキスト・コンテントをバックグラウンド・イメージで置き換える

Custom heading

<h1 class="text-hide">Custom heading</h1>