bootstrap-datepickerで日付を選択後ドロップボックスを閉じる bootstrap-datepickerを利用することでBootstrapに簡単にカレンダーで日付を入力できるパーツが付けられます。 ダウンロードはこちら 利用方法はこちらのブログが参考になりました。 bootstrap… haradaハック2016.02.26 6,894
AdminLTEのDate range pickerを日本語化して利用する方法 ※今回はAdminLTEに入っていたDate range pickerを利用して確認したためその方法を記述しています。 1. 読み込む AdminLTEに入っていたプラグインを読み込みます。 jQueryも必要です。 /… haradaハック2016.02.25 9,798
Bootstrapのリンククリック後のスタイルを打ち消す Bootstrapのリンクスタイルはクリック中やクリック後まで指定してあるので、思いがけず、なぜここにボックスシャドウが!?みたいなことがよくあるので打ち消しの枠を指定しています。 a:hover, a:active, … haradaハック2016.02.16 282
Bootstrap:ラジオボタンでポップオーバーを呼び出す CSSを読み込む <link href=”bootstrap.css” rel=”stylesheet” type=”text/css” /> Javascriptを読み込む&記述する <script … haradaハック2016.01.18 482
Bootstrapでテキストフィールドとセレクトボックスとボタンを1行で表示する HTML <div class=”input-group input-group-lg”> <input type=”text” class=”form-control” placeholder=”検索… haradaハック2015.12.10 3,758
BootstrapのモーダルウィンドウでChart.jsを利用する場合 モーダルウィンドウを開いた時にChart.jsのグラフを表示したい場合、通常の記述のままだとモーダルウィンドウを開いた時にChart.jsが表示されない(実行されない)ことがあります。 その場合はChart.jsのJav… haradaハック2015.09.30 1,878
Bootstrapを利用していて印刷時にGoogleマップが潰れてしまうとき 表示は正常なのに、印刷プレビューを表示するとGoogleマップが潰れてしまう、表示されないというときはBootstrapが原因かもしれません。 具体的にはBootstrap.cssの以下のコードが作用してしまっているよう… haradaハック2015.09.08 1,303
【Bootstrap】Bootstrap3でアコーディオン BootstrapCDNとFont−AwesomeCDNを使って実装します。 Bootstrap3でアイコン付アコーディオン(Collapse)を使用するを参考にさせていただきました。 HTML <!DOCTYPE… Yukimi Satoハック2015.08.13 1,766
Bootstrapのnavbar-brandを中央寄せする navbar-brandを中央寄せする方法です。 Webで調べると結構出てくるのですが、微妙に中央からずれていたりスマートフォンだとメニューボタンが効かなくなったりといろいろ不具合があったのでそれらを解決するcssを書い… Tetsuro Aokiハック2015.08.11 7,021