Bootstrap
ネットワーク経由で簡単に導入できる「Bootstrap CDN」
http://www.bootstrapcdn.com/ サーバーやローカルにBootstrapを配置せずに使える「Bootstrap CDN」がサービス開始していました。 ソースに該当のCSSとjsの2行を入れるだけで…
Bootstrapのグリッドシステムで合計が12カラム未満の時にspan*のdivを真ん中寄せするCSS
合計数が12カラム未満の場合、divは左寄せになってしまいますがそれを真ん中寄せにしたい時の対応です。span*とは別のクラスに設定するといいと思います。 .inlineBox { display: inline-blo…Bootstrapのポップオーバー（Popovers）でコンテンツに触れている間はhover状態をキープする
デフォルトのままですと、ポップオーバーのtriggerをhoverにした場合、ポップオーバー内にリンクを設置しても、カーソルを移動した途端にポップオーバーが閉じてしまってクリックできません。そこで下記のように記述すること…Bootstrapのポップオーバー（Popovers）で一つ開いたら他のを閉じる処理
デフォルトのままで複数設置してポップオーバーを開いていくとすべて開きっぱなしになってしまうため、下記を加える事で常に一つだけが開くようになります。 $(“[data-toggle=popover]”).popover()…EC-CUBEにBootstrapを使ったテンプレートを適用してレスポンシブ対応する
EC-CUBEでもBootstrapを利用して、簡単にカスタマイズしたいという方向けです。 eccube-bootstrapというテンプレートを配布してくださっている方がおり、こちらを利用します。ダウンロードはこちらから…BootstrapでLightbox風表示を実現する「Bootstrap Lightbox」の簡単な使い方
BootstrapでLightbox風の表示を実現するには「Bootstrap Lightbox」というプラグインを利用するのが便利です。ですがこちらのプラグインの表示方法は、既存のLightboxに触れていたり、複数の…ヘッダー固定の時にページ内リンクでヘッダーに食い込まない指定方法（Javascript編）
ヘッダー固定の時にページ内リンクでヘッダーに食い込まない指定方法 こちらの記事ではCSSでの回避方法がかかれていました。以下のように指定することでも回避できるようです。ですがちょっとリンク後にページを更新した場合の挙動が…