在bootstap中如何实现两列的等高？

相关截图：

​

这是我设计的一部分，三个面板组件处于同一个.row中，各占6份即 lg-6，md-6。

如何设置能够使得这两列等高而且不会受到页面缩放的影响呢？

老师

相关代码：

<div class="row" id="denggaoceshi">

                    <!-- 第二模块 -->
                    <div class="col-lg-6 col-md-6" id="diermokuai">

                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">■&nbsp冷轧新闻</h3>
                            </div>
                            <div class="panel-body">
                                <ul>
                                    <li>
                                        <a href="">
                                            <h4>冷轧厂C008机组GI外板成材率创历史新高</h4>
                                        </a>
                                        <div class="media">
                                            <div class="media-body">
                                                <p><a href="">最新新闻最新新闻最新新闻最新新闻最新新闻最新新闻</a></p>
                                            </div>
                                            <div class="media-right">
                                                <a href="">
                                                    <img class="media-object xinwentupian" src="./images/cstp.jpg"
                                                        alt="飞机">
                                                </a>
                                                <p>2021.02.01</p>
                                            </div>
                                        </div>
                                        <hr>
                                    </li>


                                    <li>
                                        <a href="">
                                            <h4>冷轧厂1730酸轧丙班班生产卷数创历史新高</h4>
                                        </a>
                                        <div class="media">
                                            <div class="media-body">
                                                <p><a href="">最新新闻最新新闻最新新闻最新新闻最新新闻最新新闻</a></p>
                                            </div>
                                            <div class="media-right">
                                                <a href="">
                                                    <img class="media-object xinwentupian" src="./images/cstp.jpg"
                                                        alt="飞机">
                                                </a>
                                                <p>2021.02.01</p>
                                            </div>
                                        </div>
                                        <hr>
                                    </li>
                                    <li>
                                        <a href="">
                                            <h4>冷轧厂1730酸轧产线超高强钢年产量创历史新高</h4>
                                        </a>
                                        <div class="media">
                                            <div class="media-body">
                                                <p><a href="">最新新闻最新新闻最新新闻最新新闻最新新闻最新新闻</a></p>
                                            </div>
                                            <div class="media-right">
                                                <a href="">
                                                    <img class="media-object xinwentupian" src="./images/cstp.jpg"
                                                        alt="飞机">
                                                </a>
                                                <p>2021.02.01</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>

                    <!-- 第三模块和第四模块 -->
                    <div class="col-lg-6 col-md-6">

                        <!-- 第三模块 -->
                        <div class="panel panel-primary" id="disanmokuai">
                            <div class="panel-heading">
                                <h3 class="panel-title">■&nbsp我的消息</h3>
                            </div>
                            <div class="panel-body">
                                <div class="row">

                                    <div class="col-lg-4 col-md-4">
                                        <a href="" class="thumbnail">
                                            <img src="./images/xxzx.png" alt="消息中心">
                                        </a>
                                    </div>

                                    <div class="col-lg-4 col-md-4">
                                        <a href="" class="thumbnail">
                                            <img src="./images/rwzx.png" alt="消息中心">
                                        </a>
                                    </div>

                                    <div class="col-lg-4 col-md-4">
                                        <a href="" class="thumbnail">
                                            <img src="./images/yzhy.png" alt="消息中心">
                                        </a>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <!-- 第四模块 -->
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">■&nbsp知与行</h3>
                            </div>
                            <div class="panel-body" id="disimokuai">
                                <ul>

                                    <li>
                                        <a href="">
                                            爱岗敬业的设备人—精整分厂赵月坚
                                            <span>2021/02/07</span>
                                        </a>
                                        <hr>
                                    </li>

                                    <li>
                                        <a href="">
                                            一丝不苟及时消除隐患
                                            <span>2021/02/07</span>
                                        </a>
                                        <hr>
                                    </li>

                                    <li>
                                        <a href="">
                                            感恩与收获
                                            <span>2021/02/07</span>
                                        </a>
                                        <hr>
                                    </li>

                                    <li>
                                        <a href="">
                                            防冻保暖&nbsp;&nbsp;查消隐患&nbsp;&nbsp;不留死角
                                            <span>2021/02/07</span>
                                        </a>
                                        <hr style="margin: 20px 0px 0px -15px;">
                                    </li>

                                </ul>
                            </div>
                        </div>

                    </div>

                </div>




          /* 第二模块 */
#diermokuai{
    padding: 0px;
}

#diermokuai .panel .panel-body{
    padding: 15px 20px;
}

#diermokuai .panel .panel-body ul{
    padding: 0px;
    margin: 0px;
}

#diermokuai .panel .panel-body ul li{
    color: white;
}

#diermokuai .panel .panel-body ul li a{
    text-decoration: none;
}

#diermokuai .panel .panel-body ul li hr{
    margin: 20px 0px 5px -15px;
}


#diermokuai .panel .panel-body ul li a h4{
    color: white;
    font-size: 15px;
    margin: 0px;
}

#diermokuai .panel .panel-body ul li .media .media-body p{
    padding: 0px;
    margin: 0px;
}

#diermokuai .panel .panel-body ul li .media .media-body p a{
    color: white;
}

#diermokuai .panel .panel-body ul li .media .media-right a .xinwentupian{
    display: inline-block;
    height: auto;
    max-width: 100%;
}

#diermokuai .panel .panel-body ul li .media .media-right p{
    float: right;
    margin-bottom: 0px;
}

/* 第三模块 */
#disanmokuai .panel-body{
    padding: 15px 20px;
}

#disanmokuai .panel-body .row .col-lg-4{
    padding: 0px;
}

#disanmokuai .panel-body .row .col-lg-4 a{
    margin-bottom: 0px;
}

/* 第四模块 */
#disimokuai{
    padding:15px 20px 0px;
}

#disimokuai ul{
    color: white;
    padding-left: 5px;
}

#disimokuai ul li a{
    color: white;
}

#disimokuai ul li a span{
    float: right;
    color: rgb(168, 161, 161);
}

#disimokuai ul li hr{
    margin: 20px 0px 10px -15px;
}