Html 第二柱高度

我有以下几点

<section>
  <div class="container-fluid">
     <div class="row">
       <div class="col-lg-6 blue-background">
         <p>More text in this column</p>
         <p>More text in this column</p>
       </div>
       <div class="col-lg-6 grey-background">
       </div>
     </div>
  </div>
</section>

本专栏有更多文字

本专栏有更多文字

---

.blue背景列中的内容高于灰色背景列。如何使两者颜色均匀？

使用Flexbox

.parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

片段

*{
框大小：边框框；
}
.显示柔性{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
柔性包装：包装；
}
[类别*=“列-”]{
填充：15px；
浮动：左；
}
.col-lg-6{
宽度：50%；
}
.蓝色背景{
背景：蓝色；
}
.灰色背景{
背景：灰色；
}

Lorem ipsum dolor sit amet，奉献精英。我是阿特克·圣奎。大教堂，圣劳丹提姆教堂和透明教堂，小教堂和小教堂。所有人都坐在那里，奉献给精英们。我是阿特克·圣奎。大教堂，圣劳丹提姆教堂和透明教堂，小教堂和小教堂。奥姆尼斯。
最小不动产的自然光。奥姆尼斯。

使用Flexbox

.parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

片段

*{
框大小：边框框；
}
.显示柔性{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
柔性包装：包装；
}
[类别*=“列-”]{
填充：15px；
浮动：左；
}
.col-lg-6{
宽度：50%；
}
.蓝色背景{
背景：蓝色；
}
.灰色背景{
背景：灰色；
}

Lorem ipsum dolor sit amet，奉献精英。我是阿特克·圣奎。大教堂，圣劳丹提姆教堂和透明教堂，小教堂和小教堂。所有人都坐在那里，奉献给精英们。我是阿特克·圣奎。大教堂，圣劳丹提姆教堂和透明教堂，小教堂和小教堂。奥姆尼斯。
最小不动产的自然光。奥姆尼斯。

FYI，我决定使用matchHeight.js，因为它是一个简单的修复程序。谢谢。仅供参考，我决定使用matchHeight.js，因为它是一个简单的补丁。谢谢