- ホーム /
- Bootstrap
bootstrapのmodalを閉じるボタン
<button type="button" class="btn btn-default" data-dismiss="modal">閉じる<… - Yukimi Sato
- ハック
- 2014.07.07
- 16,713
Bootstrapのdropdown-menuをスマホでは最初から開いておくようにする
通常はクリックで開くdropdown-menuをスマホの場合は最初から表示しておくJavaScriptです。 <script type="text/javascript"> if ((na… - harada
- ハック
- 2014.06.25
- 1,091
bootstrapのtooltipの表示位置を変える
data-placement="bottom" bottom部分を、top,left,right,bottomに変更することで、tooltipの表示位置を変更することができます。 - Yukimi Sato
- ハック
- 2014.06.18
- 1,091
bootstrapのtooltipでサイズが変わるのを防ぐ
data-container="body" tooltipの指定箇所に上記指定を追加すると、外枠のサイズに関係なく、中身のテキストにピッタリとあったサイズでtooltipが表示されるようになります。 - Yukimi Sato
- ハック
- 2014.06.18
- 1,983
WordPressの投稿タグにBootstrapのclassをつけてlabel表示にする
<?php the_tags(‘前’, ‘区切り文字’, ‘後’); ?>タグだと投稿タグを取得はできますが、リンクのclassなどの自… ソーシャルブックマークボタンをテキストリンク+CSSで表示する
用意されているボタンだと、どうしても表現に限界があります。font-awesome+bootstrapを組み込んでいるサイトであればリンクにbtnクラスで簡単なボタンリンクが作成できるため、これを利用してオリジナルのソー… 【bootstrap】popoverの吹き出しの三角部分のサイズを変える
.popover.left{ .arrow{ margin-top:-6px; right:-6px; } .arrow:after{ bottom:-5px; } } .popover.right{ .arrow{ m… - Yukimi Sato
- ハック
- 2014.06.12
- 1,928
【bootstrap】popoverに改行を入れる
<a href="#" data-container="body" data-toggle="popover" data-placement="… - Yukimi Sato
- ハック
- 2014.06.12
- 2,472
Bootstrapのドロップダウンリストを2列で表示する
ドロップダウンのリストを2列に並べて表示する場合の記述方法です。表示サンプルはこちら。 <ul class="nav nav-pills"> <li class="acti… - harada
- ハック
- 2014.06.11
- 4,321