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