当使用Bootstrap "row“和"col-lg-3”类时，所有列都会得到最长列的高度。如何解决这个问题？

当使用Bootstrap "row"和"col-lg-3"类时，所有列都会得到最长列的高度的问题可以通过以下几种方式解决：

使用自定义CSS样式：可以通过编写自定义的CSS样式来解决这个问题。可以为每个列添加一个相同的自定义类，并在该类中设置固定的高度。例如，可以创建一个名为"custom-height"的类，并将其应用于每个列，然后在CSS中设置该类的高度为所需的值。

<div class="row">
  <div class="col-lg-3 custom-height">Column 1</div>
  <div class="col-lg-3 custom-height">Column 2</div>
  <div class="col-lg-3 custom-height">Column 3</div>
</div>

.custom-height {
  height: 200px; /* 设置固定的高度 */
}

使用Flexbox布局：可以使用Flexbox布局来解决这个问题。通过将"row"类的display属性设置为"flex"，并将其子元素的flex属性设置为"1"，可以使所有列具有相同的高度。

<div class="row d-flex">
  <div class="col-lg-3 flex-fill">Column 1</div>
  <div class="col-lg-3 flex-fill">Column 2</div>
  <div class="col-lg-3 flex-fill">Column 3</div>
</div>

使用JavaScript脚本：可以使用JavaScript脚本来解决这个问题。通过获取所有列的高度，并将最大高度应用于所有列，可以使它们具有相同的高度。可以使用jQuery等库来简化操作。

<div class="row">
  <div class="col-lg-3">Column 1</div>
  <div class="col-lg-3">Column 2</div>
  <div class="col-lg-3">Column 3</div>
</div>

<script>
$(document).ready(function() {
  var maxHeight = 0;
  $('.row .col-lg-3').each(function() {
    if ($(this).height() > maxHeight) {
      maxHeight = $(this).height();
    }
  });
  $('.row .col-lg-3').height(maxHeight);
});
</script>

这些方法可以根据具体需求选择其中之一来解决问题。请注意，以上示例中的代码仅供参考，具体实现可能需要根据项目的具体情况进行调整。