親divのサイズに基づいてレスポンシブフォームを取得するには、ブートストラップ12カラムグリッドを使用する必要があります。ブートストラップ応答グリッドシステムに親divサイズを使用
例として、画面のサイズにかかわらず、コンテンツはdiv Aの幅を参照し、その幅でブートストラップのレスポンシブデザインをベースにする必要があります。
私の目標は、モーダルウィンドウ(dhtmlx)のサイズに基づいてレスポンシブデザインを行うことです。ユーザーがモーダルウィンドウのサイズを変更した場合、その行はルール(例:col-xs-12、col-sm-6など)に従う必要がありますが、画面ではなくモーダルウィンドウのサイズに基づいています。
This fiddle show a modal window with some bootstrap form inside.画面サイズではなく、モーダルフォームのサイズに対応するには、フォームが必要です。
class="col-xs-12 col-sm-6"
'container-fluid'クラスを試しましたか?それはそれが内部に座っているものの100%になるように設定されています。 –
私は[もう一つのフィドル](https://jsfiddle.net/davidgourde/68ep7rpv/)を作りました。モーダルウィンドウを拡大すると、1つのカラムしかないが、ページ全体を拡大すると、モーダルウィンドウを拡大しなくても2つのカラムに分割されます。 'col - * - *'は依然としてモーダルウィンドウに基づいていません。それは問題です。 –
まだCSSではできません。JavaScriptで行うことができます(サイズ変更のウィンドウの幅を確認し、さまざまなサイズの異なるクラスを適用した後、CSSでスタイルを設定します)。また、http://stackoverflow.com/questions/12251750/can-media-queries-resize-based-on-a-div-element-instead-of-the-screenを考えることもできます。 – makshh