モーダル

Bootstrapでモーダルウィンドウを画面中央でズーム表示するCSS設定
Bootstrapのモーダルはボタンクリック時に画面上部からスライド+フェードで表示されます。 これをLightboxのように画面中央からズームしながら表示するようにCSSに追記します。 CSSの設定 transform...
flatpickerがモーダルウィンドウで開かない時の対処法
flatpickerはデータピッカーJSプラグインです。 日付だけでなく時間も入力出、日本語対応もされているので使い勝手が良いです。 これが、モーダル(ポップアップ)ウィンドウ内に実装すると、フィールドをクリックしてもう...
Bootstrapのモーダル展開時のパディングとスクロール問題解消
Bootstrapのモーダルを展開した際に、 bodyに一見不可解なpadding-right: 17px;が追加される。 背景スクロールが実行できてしまう。 という問題が発生しました。 Bootstrapのドキュメント...
BootstrapでLightbox実装する際は、別途プラグイン導入の必要無し
Bootstrapライブラリは便利だけど、CSSファイルが200kbくらいあって結構重いです。 なので、サイトに様々な効果を加えるために別途プラグインを導入して、JSやCSSを増やしていくのは避けたいところ。 そして件の...
1