IT業界のすみっこ暮らし

ふと気がついたときの記録

Bootstrap

Bootstrap:カラーのカスタマイズができるサイト「1pxdeep」

kimikimi714.hatenablog.com 1pxdeep | A flat Bootstrap 3 theme that changes color

Bootstrap:Material AdminのIEスクロールバー非表示問題

Material design Introduction - Material design - Material design guidelines Material Admin 最新のBootstrap3をベースにしたGoogle Material Designから触発された強力で軽量な完全レスポンシブで高解像度に対応した管理テンプレート 要はこれを使えば…

Bootstrap:Modal表示時に左側にずれる件

スクロールバーの対応のためか、Modal表示時に"padding-right:17px"の値が追加され、左側にずれる件の対策。 CSSで対応 stackoverflow.com Modal表示時にDomが左側にずれる場合、以下の設定を追加する ①bodyのスタイル修正 ■ 原因 <body class="modal-open" style="padding-right: 17px;">★ ■ 対策 .modal-open { pa</body>…

Bootstrap:Modal関連メモ(20170123)

モダルを真ん中に表示する stackoverflow.com CSS /* Modal Settings Start (vertical position center) */ .vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none; /* This makes sure that we can still click out…

Bootstrap:Modalの外側をクリックしても消えないようにする

stackoverflow.com Modalのdivに設定する場合 <div class="modal hide fade" data-keyboard="false" data-backdrop="static"> Modalを呼び出すaタグに設定する場合 <a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#"> JavaScriptでModalの属性を設定する場合 $('#myModal').modal({ backdrop: 'static', keyboard…</a></div>