• RSS
[WP]WP-PageNavi のページ送りをBootstrap のPagination っぽくデザイン変更する方法

WordPress のWP-PageNavi を使ったページ送りナビゲーションを、BootstrapPagination のデザインに変更する方法のご紹介です。
続きを読む

Bootstrap でリンククリック時にcollapseメニューを閉じる処理

Bootstrap で、.navbar-collapse 内のメニューリンクをクリック(タップ)して同一ページのアンカーポイントへ移動すると同時に、.collapse メニューを閉じる処理についてメモ。
続きを読む

[CSS]Google Map のズームコントロールが出ない場合の対処法

Bootstrap のCSS が原因か、Google Map でズームコントロールを使うように設定していても、表示されない場合があります。
続きを読む

[CSS]WEBページの印刷時に、リンクの後ろにURLが表示される問題の解決法

Twitter Bootstrap を使っているサイトでWEBページを印刷した際に、リンクテキストの後ろに「リンク先のURL」が表示されてしまうことがあります。

このURLを印刷時に非表示にする方法が、【CSS】印刷するとリンクの後ろにURLが勝手に表示される のブログ記事で紹介されていましたので、シェアさせていただきました。
続きを読む

Bootstrap のCollapse の開閉速度を調整する方法

アコーディオンメニューを簡単に実現できるBootstrapCollapse ですが、開閉速度を早くしたり遅くしたり、自由に調整したい場合の処理の方法です。
続きを読む

Bootstrap でModal(モーダルボックス)を使う方法

入力フォームの確認フェイズなどでも使えそうな、Bootstrap の Modal 機能のご紹介です。

普段はモーダルボックスは display:none で隠しておき、ボタンをクリックしてモーダルボックスを起動(表示)させるイメージになります。
続きを読む

Bootstrap で「ドロップダウンメニュー」を実装する方法

サイトやブログのヘッダーにドロップダウン型のメニューを設置することもあると思いますが、Bootstrap を使えばオンクリックによるドロップダウンメニューを簡単に実装することができます。
続きを読む

Bootstrap で「ドロップダウンメニュー」を実装する方法

サイトやブログのヘッダーにドロップダウン型のメニューを設置することもあると思いますが、Bootstrap を使えばオンクリックによるドロップダウンメニューを簡単に実装することができます。
続きを読む

Bootstrap のタブメニューを Cookie に保存して記憶させる方法

Bootstrap を使ったシンプルなタブメニューの実装方法です。

今回はタブメニューの基本的な設置方法と合わせて、jQuery Cookie を利用して現在閲覧しているタブの情報を Cookie に保存する方法も合わせて紹介させていただきます。

これにより、ページをリロードしたり離脱して戻ってきた場合でも、タブの情報を保持できるようになります。
続きを読む

Bootstrap のタブメニューを Cookie に保存して記憶させる方法

Bootstrap を使ったシンプルなタブメニューの実装方法です。

今回はタブメニューの基本的な設置方法と合わせて、jQuery Cookie を利用して現在閲覧しているタブの情報を Cookie に保存する方法も合わせて紹介させていただきます。

これにより、ページをリロードしたり離脱して戻ってきた場合でも、タブの情報を保持できるようになります。
続きを読む

Bootstrap のLightbox プラグイン「Bootstrap Lightbox」

Bootstrap のモーダル機能ベースの「Bootstrap Lightbox」は、画像をクリックしてオーバーレイで拡大表示させるシンプルなLightbox 系プラグインです。

Colorbox や Fancybox のようにあれもこれも出来るという訳ではなさそうですが、今後使う可能性もあるので簡単に設置方法をまとめました。
続きを読む

Bootstrap のLightbox プラグイン「Bootstrap Lightbox」

Bootstrap のモーダル機能ベースの「Bootstrap Lightbox」は、画像をクリックしてオーバーレイで拡大表示させるシンプルなLightbox 系プラグインです。

Colorbox や Fancybox のようにあれもこれも出来るという訳ではなさそうですが、今後使う可能性もあるので簡単に設置方法をまとめました。
続きを読む