JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container">
	<div class="row">
      <div id="equalheight">      
  
          <div class="col-12 col-lg-3 col-md-3 col-sm-3 col-xs-12 demo">
		  
				<div class="test">	
				
					<div class="info-block"><!-- BODY BOX-->
						<p>one line of copy</p>
					</div>
					
				</div>				
          </div>  
  
          <div class="col-12 col-lg-3 col-md-3 col-sm-3 col-xs-12 demo">
			  <div class="test">	
				  <div class="info-block"><!-- BODY BOX-->				  
					  <p>lots and lots of copy lots and lots of copy lots and lots of copy lots and lots of copy Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
					  Quisque mauris augue</p>
				  </div>
              </div>
          </div>  
  
          <div class="col-12 col-lg-3 col-md-3 col-sm-3 col-xs-12 demo">
			  <div class="test">	
				  <div class="info-block"><!-- BODY BOX-->				  
					  <p>lots and lots of copy lots and lots of copy lots and lots of copy lots and lots of copy Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
					  Quisque mauris augue</p>
				  </div>
              </div>
          </div>  
  
          <div class="col-12 col-lg-3 col-md-3 col-sm-3 col-xs-12 demo">
			  <div class="test">	
				  <div class="info-block"><!-- BODY BOX-->				  
					  <p>lots and lots of copy lots and lots of copy lots and lots of copy lots and lots of copy Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
					  Quisque mauris augue</p>
				  </div>
              </div>
          </div>              
  
      </div>
  </div><!--/row-->
  <hr>
  <div class="row">
      <div id="equalheight">      
  
          <div class="col-12 col-lg-3 col-md-3 col-sm-3 col-xs-12 demo">
              <div class="info-block"><!-- BODY BOX-->
         ...

CSS

body {
	margin: 0;
	font-size: 15px;
	color: #005f6b;
	background-color: #ddeaf3;
	padding-top: 72px;
}

.navbar-brand {
  float: left;
  display: block;
  padding: 0px 20px 0px;
  margin-left: -20px;
  font-size: 24px;
  line-height: 40px;
  color: #53564e;
  text-shadow: 2px 2px 1px #fff;
  text-transform: uppercase;
  font-weight: 400;
}

/* Top Navigations links styles */
#top-navigation > ul.nav > li > a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
}

.demo{
	//background-color:#000;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

#equalheight {
    overflow: hidden; 
}

.test{
	background-color:#efefef;
	margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.info-block{
	padding: 14px;
}