2017-10-31 9 views
0

私は、ブートストラップ4MDBootstrapメッセンジャーのようにグリッド

私のHTMLは、私はそれが達するまでmsgs display here divは、ページの最上部から始めたい次

`<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-3">here is a ul of list of contacts</div> 
    <div class="col-md-9 ml-auto">msgs display here</div> 
    <div class="col-md-9 fixed-bottom ml-auto">textarea here</div> 
    </div> 
</div>` 

のようなものであるを使用してグリッドレイアウトなどのメッセンジャーを作成したいですテキストエリアdiv問題は、それは常に最初の.col-md-3のような同じ高さを持っています。

中間のdivの高さを左のものとは別に.col-md-9にするにはどうすればよいですか?そしてそれは応答性を保ちます。あなたが行のdivのための高さを宣言したこと(私はあなたのCSSを見ることができないので)

乾杯、

答えて

0

は、私が想定しています。これにより、すべての要素が同じ高さになります。各要素のIDを作成して、あなたのCSSでそれらを呼び出す、例):また

<div id="msg-display-here" class="col-md-9 ml-auto">msgs display here</div> 
+0

:あなたが同じである2つのクラスを持っているよう

#msg-display-here { /* height goes here */ } 

とhtmlであなたのdivにIDを持っている必要がありますあなたのCSSを投稿してください – DannyV

+0

私は 'mdboostrap library'以外のCSSを追加していません – user3052526

+0

また、私が' height'を定義したとき、それはうまくいきますが、今は反応しません。 – user3052526

関連する問題