[解決済み] Twitter Bootstrapのモーダルサイズを大きくする
2022-04-27 07:34:59
質問
モーダルフォームのサイズを変更する、というより、そこにレンダリングするコンテンツに反応するようにしようとしています。フォームのレンダリングに使用していますが、必要であれば自分でスクロールを処理したいと思っています。
私がレンダリングするフォームには、おそらくあと50pxが必要です。
そこで、application.css.scss ファイルで .modal スタイルを上書きしてみましたが (Rails 3.2 を使用)、max-height と overflow の指定が上書きされているようです。
何か思い当たることはありますか?
解決方法は?
私も全く同じ問題を抱えていましたので、試してみてください。
.modal-body {
max-height: 800px;
}
モーダルダイアログのbodyセクションにのみスクロールバーが表示されることに気づいたら、bodyのみのmax-heightを調整する必要があることを意味します。
関連
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] Bootstrapのモーダルが背景の下に表示される
-
[解決済み] ブートストラップ・モーダルにデータを渡す
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Bootstrapのモーダルを閉じる
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] bootstrapでpanel-bodyの背景色を変更するには?
-
[解決済み] Bootstrap 4.1のbd-highlightとは何ですか?
-
[解決済み] Bootstrapでdivの左寄せと右寄せをする
-
[解決済み】Bootstrapを使用したフォームのマークエラーについて
-
[解決済み】Twitter Bootstrapのポップオーバーを外側のクリックで解除する方法は?
-
[解決済み] Bootstrapのアコーディオンを、ヘッダーDivをクリックしたときに折りたたむようにするには?
-
[解決済み] Twitter Bootstrapを使用して垂直方向の空白を追加しますか?
-
[解決済み] Twitter ブートストラップ スクロール可能なテーブル
-
[解決済み] BootstrapとjQuery Validationプラグイン
-
[解決済み] Bootstrapがline-heightプロパティを1.428571429に設定する理由は何ですか?