Bootstrap col高度至父DIV高度

Bootstrap是一种流行的前端开发框架，它提供了一套用于构建响应式和移动优先的网页界面的工具和样式。在Bootstrap中，col类用于创建网格系统，将页面划分为不同的列。

要将Bootstrap col的高度设置为父DIV的高度，可以使用以下方法：

使用Flexbox布局：将父DIV设置为display: flex，并使用flex-grow属性将col元素的高度设置为父DIV的高度。例如：

<div style="display: flex;">
  <div class="col" style="flex-grow: 1;">内容</div>
  <div class="col" style="flex-grow: 1;">内容</div>
</div>

使用JavaScript：使用JavaScript获取父DIV的高度，并将其应用于col元素的高度。例如：

<div id="parentDiv">
  <div class="col" id="col1">内容</div>
  <div class="col" id="col2">内容</div>
</div>

<script>
  var parentDiv = document.getElementById("parentDiv");
  var col1 = document.getElementById("col1");
  var col2 = document.getElementById("col2");
  
  col1.style.height = parentDiv.offsetHeight + "px";
  col2.style.height = parentDiv.offsetHeight + "px";
</script>

这样，col元素的高度将与父DIV的高度保持一致。

Bootstrap的col类可以用于创建响应式的网格布局，适用于各种应用场景，如网页布局、表单设计、图像展示等。腾讯云提供了云服务器、云数据库、云存储等产品，可以帮助开发者构建和部署基于Bootstrap的网站和应用。更多关于腾讯云产品的信息，请访问腾讯云官方网站：https://cloud.tencent.com/