title: Same fixed column height for all columns in a row with bootstrap 3
body: <p>My codepen: <a href="http://codepen.io/helloworld/pen/razoxg?editors=110" rel="noreferrer">http://codepen.io/helloworld/pen/razoxg?editors=110</a></p>
  
  <p>I have 3 rows with each 3 columns.</p>
  
  <p>How can I give each row or all 3 columns the same fixed height so one tile is not larger than the other?</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  
      &lt;!-- Page Header --&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;
              &lt;h1 class="page-header"&gt;Electronics                   
              &lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
  
      &lt;!-- 1st Row --&gt;
      &lt;div class="row"&gt;           
          &lt;div class="col-xs-4"&gt;
               &lt;div class="panel industry-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt;Customer&lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                    &lt;div class="row"&gt;
                      &lt;div class="col-xs-6"&gt;
                        &lt;img class="img-responsive" src="http://s16.postimg.org/tqs90puwl/customer.png"&gt;&lt;/img&gt;
                      &lt;/div&gt;
                      &lt;div class="col-xs-6 col-bottom"&gt;
                             &lt;ul class="list-group"&gt;
                                 &lt;li class="list-group-item "&gt;Intel&lt;/li&gt;
                                 &lt;li class="list-group-item "&gt;Micron&lt;/li&gt;
                                 &lt;li class="list-group-item "&gt;Infineon&lt;/li&gt;   
                                 &lt;li class="list-group-item "&gt;First Solar&lt;/li&gt; 
                             &lt;/ul&gt;
                         &lt;/div&gt;
                     &lt;/div&gt;
                 &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;
          &lt;/div&gt;
          &lt;div class="col-xs-4"&gt;  
  
            &lt;div class="panel special-tile"&gt;
                  &lt;div class="panel-body special-tile"&gt;                      
                  &lt;/div&gt;
                  &lt;div class="panel-footer special-tile"&gt;
                      &lt;div class="row"&gt;
  
                          &lt;div class="col-xs-3"&gt;
              &lt;img class="img-responsive" src="http://s7.postimg.org/agarkavmj/whoiswho.png"&gt;&lt;/img&gt;  
            &lt;/div&gt;
            &lt;div class="col-xs-9" &gt;
  
              &lt;div class="row"&gt;
                &lt;div id="page-header" class="page-header"&gt;
                    &lt;h4&gt;Who is who
                      &lt;p&gt;
                        &lt;small&gt;Organization &amp; Processes&lt;/small&gt;
                      &lt;/p&gt;
                    &lt;/h4&gt;                
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="row"&gt;
                &lt;div class="col-xs-12"&gt;
                   &lt;ul class="list-group"&gt;
                     &lt;li class="list-group-item "&gt;Org Charts  &lt;/li&gt;
                     &lt;li class="list-group-item "&gt;GAM / KAM Charts&lt;/li&gt;
                     &lt;li class="list-group-item "&gt;Process flow&lt;/li&gt; 
                  &lt;/ul&gt;
                &lt;/div&gt;
             &lt;/div&gt;
        &lt;/div&gt; 
  
                      &lt;/div&gt;                        
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;
  
          &lt;/div&gt;
          &lt;!-- /.col --&gt;
          &lt;div class="col-xs-4"&gt;
              &lt;div class="panel industry-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt;CEO Blog&lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-xs-3"&gt;
                              &lt;i style="color:orange;" class="fa fa-rss-square fa-5x"&gt;&lt;/i&gt;
                          &lt;/div&gt;  
                          &lt;div class="col-xs-9"&gt;
                                    Lorem ipsum dolor sit amet, consetetur sadipscetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
                            &lt;/div&gt;  
                      &lt;/div&gt;                        
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;
          &lt;/div&gt;
          &lt;!-- column --&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
  
      &lt;!-- 2nd Row --&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-4"&gt;
               &lt;div class="panel industry-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt;On-going Projects &amp; Webcam&lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                    &lt;div class="row"&gt;
                      &lt;div class="col-xs-6"&gt;
                        &lt;img class="img-responsive" src="http://s16.postimg.org/tqs90puwl/customer.png"&gt;&lt;/img&gt;
                      &lt;/div&gt;
                      &lt;div class="col-xs-6 col-bottom"&gt;
                             &lt;ul class="list-group"&gt;
                                 &lt;li class="list-group-item "&gt;GF Project Malta&lt;/li&gt;
                                 &lt;li class="list-group-item "&gt;Intel Israel&lt;/li&gt;  
                             &lt;/ul&gt;
                         &lt;/div&gt;
                     &lt;/div&gt;
                 &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;
          &lt;/div&gt;
          &lt;!-- /.col --&gt;
          &lt;div class="col-xs-4"&gt;
              &lt;div class="panel personal-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt; Personal Links &lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-xs-12"&gt;
                            &lt;ul class="list-group"&gt;
                              &lt;li class="list-group-item "&gt;Org Charts&lt;/li&gt;
                              &lt;li class="list-group-item "&gt;GAM / KAM Charts&lt;/li&gt;
                              &lt;li class="list-group-item "&gt;Process flow&lt;/li&gt;           
                            &lt;/ul&gt;
                          &lt;/div&gt;              
                      &lt;/div&gt;                        
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;
          &lt;/div&gt;
          &lt;div  class="col-xs-4"&gt;
  
            &lt;div class="row half-tile half-tile-top"&gt;
              &lt;div class="col-xs-6"&gt;
                &lt;img class="img-responsive" src="http://s16.postimg.org/tqs90puwl/customer.png"&gt;&lt;/img&gt;
              &lt;/div&gt;
              &lt;div class="col-xs-6"&gt;
                Presentations
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;!-- ./row --&gt;
  
            &lt;div class="row half-tile"&gt;
              &lt;div class="col-xs-6"&gt;
                &lt;img class="img-responsive" src="http://s16.postimg.org/tqs90puwl/customer.png"&gt;&lt;/img&gt;
              &lt;/div&gt;
              &lt;div class="col-xs-6"&gt;
                Events, Trade Shows &amp; Conferences
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;!-- ./row --&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- 3rd Row --&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-4 portfolio-item"&gt;
              &lt;div class="panel industry-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt;Project Library and References&lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                      &lt;div class="row"&gt;
                        &lt;div class="col-xs-6"&gt;
                           &lt;img class="img-responsive" src="http://s1.postimg.org/go41exp63/Reports.png"&gt;&lt;/img&gt;
  
                          &lt;/div&gt;
                          &lt;div class="col-xs-6"&gt;
                              &lt;ul class="list-group"&gt;
                                 &lt;li class="list-group-item"&gt;GF Project Malta&lt;/li&gt;
                                 &lt;li class="list-group-item"&gt;Intel Israel&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/div&gt;              
                      &lt;/div&gt;                        
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;
          &lt;/div&gt;
          &lt;div class="col-xs-4"&gt;
              &lt;div class="panel branch-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt;Industry Links&lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-xs-12"&gt;
                              &lt;ul class="list-group"&gt;
                                 &lt;li class="list-group-item"&gt; &lt;a href="#"&gt;www.semi.org&lt;/a&gt;&lt;/li&gt;
                                 &lt;li class="list-group-item"&gt;&lt;a href="#"&gt;www.vdma.org&lt;/a&gt;&lt;/li&gt;
                                 &lt;li class="list-group-item"&gt;&lt;a href="#"&gt;www.visi.org&lt;/a&gt;&lt;/li&gt; 
                              &lt;/ul&gt;
                          &lt;/div&gt;              
                      &lt;/div&gt;                        
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;
          &lt;/div&gt;
          &lt;div class="col-xs-4 portfolio-item"&gt;
              &lt;div class="panel branch-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt;Competition&lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-xs-12"&gt;
                                   &lt;ul class="list-group"&gt;
                                 &lt;li class="list-group-item"&gt; &lt;a href="#"&gt;CH2MHill&lt;/a&gt;&lt;/li&gt;
                                 &lt;li class="list-group-item"&gt;&lt;a href="#"&gt;Bechtel&lt;/a&gt;&lt;/li&gt;
                                 &lt;li class="list-group-item"&gt;&lt;a href="#"&gt;Jacobs Engineering&lt;/a&gt;&lt;/li&gt;                                 
                              &lt;/ul&gt;
                          &lt;/div&gt;              
                      &lt;/div&gt;                        
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
  
      &lt;hr&gt;
  
      &lt;!-- News --&gt;
      &lt;div class="row"&gt;
          &lt;!-- Electronic news --&gt;
          &lt;div class="col-xs-6"&gt;
              &lt;div class="panel industry-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt;Electronic News&lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                      &lt;div class="row"&gt;
                          &lt;div&gt;
                            &lt;ul&gt;
                              &lt;li&gt;05-Dec ATF in-house news channel&lt;/li&gt;
                              &lt;li&gt;06-Dec ATF in-house news channel&lt;/li&gt;
                              &lt;li&gt;07-Dec ATF in-house news channel&lt;/li&gt;
                            &lt;/ul&gt;                             
                          &lt;/div&gt;              
                      &lt;/div&gt;                        
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;               
          &lt;/div&gt;
  
          &lt;!-- Industry News --&gt;
          &lt;div class="col-xs-6"&gt;
              &lt;div class="panel branch-tile-medium"&gt;
                  &lt;div class="panel-body"&gt;
                    &lt;header&gt;Industry News&lt;/header&gt;
                  &lt;/div&gt;
                  &lt;div class="panel-footer"&gt;
                      &lt;div class="row"&gt;
                          &lt;div&gt;
                            &lt;ul&gt;
                              &lt;li&gt;05-Dec links to global news&lt;/li&gt;
                              &lt;li&gt;06-Dec links to global news&lt;/li&gt;
                              &lt;li&gt;07-Dec links to global news&lt;/li&gt;
                            &lt;/ul&gt; 
                          &lt;/div&gt;              
                      &lt;/div&gt;                        
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.panel --&gt;               
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
  
      &lt;hr&gt;
  
      &lt;!-- Copyright --&gt;
      &lt;footer&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-lg-12"&gt;
                  &lt;p&gt;Copyright &amp;copy; XXX&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- /.row --&gt;
      &lt;/footer&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  
  
  <pre><code>* {
     Box-sizing: Border-box;
     border-radius: 0 !important; /* Remove rounded borders from whole layout */
  }
  
  .special-tile{
    background:#006AB3; 
  }
  .special-tile h4, .special-tile small, .special-tile {
    color:white;
  }
  .special-tile .panel-body{
    padding:0;
  }
  .special-tile .panel-footer{
    border:0;
  }
  
  .half-tile{  
    background:#006AB3;
    color:white;
  }
  
  .half-tile-top{
    margin-bottom:10px;
  }
  
  .industry-tile-medium{
    background: #006AB3;
    border: 1px solid #006AB3;
  }
  .industry-tile-medium .panel-footer{
    background: #F0F8FF;
    color:#006AB3;
  } 
  
  .branch-tile-medium{
    background: #006B66;
    border: 1px solid #006B66;;
  }
  .branch-tile-medium .panel-footer{
    background: #EFFDFC;  
  } 
  .branch-tile-medium .panel-footer a{
    color: #006B66;
  }
  
  .personal-tile-medium{
    background: #5E9629;
    border: 1px solid #5E9629;
  }
  .personal-tile-medium .panel-footer{
    background: #F2FEE7;
    color: #5E9629;
  } 
  
  ul
  {
    list-style-type:none;
  }
  
  ul li a{
    text-decoration:underline;
  }
  
  .panel .panel-body header
  {
    color:white;
    font-weight:bold;
    font-size:1.2em;
  }
  
  .list-group-item {
    background:transparent;
    padding:5px 5px;
  }
  
  .panel-body{
    padding:6px;
  }
  </code></pre>