1つのdivに小さなテキストがあり、もう1つにテキストの内容が多いので、2つのdivの同じ高さにする方法

Question

固定高さの問題が発生しています。私は異なるコンテンツの長さを持つ2つの列の高さを修正しようとしています。私はブートストラップを使用しており、高さの問題を修正するためにメディアクエリーを使用したくありません。私は詰め物を与えるが、幅が減少すると、高さが増加し始める。

<div class="row"> 
     <div class="col-md-6 col-sm-6 news"> 
     <h3 style="font-weight:bold; font-size:18px;color:#172975;">NEWS</h3> 
      <p style="font-size:16px; color:#162875;"> Whatsapp Drugs and Dental Authorisations >><br> 
       2016 Payments And Billing Calendar >><br> 
       January 2016 Newsletter >><br> 
       Pharmacies Accepting Cimas >><br> 
       Special Edition Pulse Magazine >><br> 
       December 2015 Newletter >><br> 
       Dependant Cell Numbers Registration >><br> 
       Providers Accepting CIMAS Cards >><br> 
       September 2014 Newsletter >><br> 
       Commissioning Ceremony of the CIMAS donated<br> 
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Optometry Equipment at Sekuru Kaguvi Eye Unit >><br> 
       EBOLA Haemorrhagic Fever Alert >><br> 
       New Dental Treatment Policy >><br> 
       Submission of Tax Clearance Certficate >><br> 
       Payment of Contribution Rates >><br> 
       CIMAS Air Ambulance in Pictures >><br> 
       CIMAS Laboratories ISO 15189 Accreditation >><br> 
       Contribution Rates >></p> 
     </div> 
     <div class="col-md-5 col-sm-5 linkinfo"> 
      <div class="text-mainbox"> 
       <div class="text-box1"> 
        <i class="fa fa-twitter" aria-hidden="true"></i> 

       </div> 
       <div class="text-box2"> 
        <p><span class="text">CIMAS</span>&nbsp;&nbsp;&nbsp;&nbsp;An enduring contribution.<br>We're proud of the value we create<br> through our tax and economic<br> contribution.Learn more.<br><a href="https://t.co.EvXuvPbNRL">https://t.co.EvXuvPbNRL</a></p> 
        <p class="refresh"><a href="#"><i class="fa fa-refresh" aria-hidden="true" style="color:#172976;font-size:25px;"></i>&nbsp;&nbsp;&nbsp;<i class="fa fa-reply" aria-hidden="true" style="color:#172976;font-size:25px;"></i></a></p> 
       </div> 
      </div> 
      <p style="font-size:16px;color:#8d8d8d;">Join the conversation by sending us a message or question on twitter</p> 
      <form> 
       <div class="form-group"> 
        <textarea class="form-control" rows="5" placeholder="@CIMAS"></textarea> 
       </div> 

      </form> 
      <button class="btn btn-info">Talk to us</button> 

     </div> 
    </div> 

あなたがここで見てみたいことがあります

Answer 1

：

fluid width, equal height columns

bootstrap CSS example