0

我想使用 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独立于左侧？当然要保持响应。

干杯，

4

1 回答 1

0

我假设（因为我看不到您的 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>
于 2017-10-31T01:45:19.267 回答