Question

我想使用bootstrap 4

创建一个像网格布局的信使

我的html如下所示

`<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>`

我希望msgs display here div从页面顶部开始，直到到达文本区域div问题为止，它始终与第一个.col-md-3具有相同的高度。

如何使中间div .col-md-9的高度独立于左边？并且保持它的响应性。

干杯，

Answer 1

我假设（因为我看不到你的CSS）你声明了行div的高度。这使得所有元素具有相同的高度。为每个元素创建一个ID并在CSS中调用它们，例如：

#msg-display-here {

  /* height goes here */

}

并且你的html中的div应该有一个ID，因为你有两个相同的类：

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

MDBootstrap Messenger就像网格

1 个答案: