MDBootstrap Messenger 像网格

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，因为您有 2 个相同的类：

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