title: How can i make bootstrap thumbnail all same height?
body: <p>Heeyy, i am making my website with bootstrap.. but i have some column problems. i want to have columns with text, but when the page get smaller, they start pushing each other down and way. How can i fix that?</p>
  
  <p>My website is: <a href="http://www.dev-bunker.nl" rel="nofollow">http://www.dev-bunker.nl</a></p>
  
  <p>The problem is on the "home" page. but also on the "diensten" page and on the "wie zijn wij" page.</p>
  
  <p>Here is my code.</p>
  
  <pre><code>&lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;h2 class="title"&gt;
                      Onze werkwijze
                  &lt;/h2&gt;
              &lt;/div&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-lg-3 col-md-3 col-sm-6"&gt;
                      &lt;div class="thumbnail"&gt;
                          &lt;img src="http://dev-bunker.nl/wp-content/uploads/2016/09/bedenken.png"&gt;
                          &lt;div class="caption"&gt;
                              &lt;h2&gt;Bedenken&lt;/h2&gt;
                              &lt;p&gt;
                                  Het bedenken is het eerste onderdeel van het proces. Tijdens dit onderdeel gaan we met de klant, maar ook met het team, nadenken over het de huisstijl, indeling, de inhoud en alles wat er om heen draait.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-lg-3 col-md-3 col-sm-6"&gt;
                      &lt;div class="thumbnail"&gt;
                          &lt;img src="http://dev-bunker.nl/wp-content/uploads/2016/09/design-icon.png"&gt;
                          &lt;div class="caption"&gt;
                              &lt;h2&gt;Ontwerpen&lt;/h2&gt;
                              &lt;p&gt;
                                  Tijdens de ontwerp fase maken we wireframes en volledige ontwerpen, samen met de klant bespreken we de ontwerpen. Wanneer de klant deze heeft goed gekeurt gaat de realisatie fase beginnen.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-lg-3 col-md-3 col-sm-6"&gt;
                      &lt;div class="thumbnail"&gt;
                          &lt;img src="http://dev-bunker.nl/wp-content/uploads/2016/09/realisatie.png"&gt;
                          &lt;div class="caption"&gt;
                              &lt;h2&gt;Realiseren&lt;/h2&gt;
                              &lt;p&gt;
                                  Met de realisatie fase gaan we met het team aan de website of applicatie werken. Deze proberen wij gelijk te maken aan het ontwerp, zodat de klant precies weet wat hem / haar te wachten staat.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-lg-3 col-md-3 col-sm-6"&gt;
                      &lt;div class="thumbnail"&gt;
                          &lt;img src="http://dev-bunker.nl/wp-content/uploads/2016/09/check.png"&gt;
                          &lt;div class="caption"&gt;
                              &lt;h2&gt;Uittesten &amp;&amp;nbsp;nazorg&lt;/h2&gt;
                              &lt;p&gt;
                                  Als de website of applicatie klaar is, krijgt de klant hem te zien. Als er dingen niet kloppen of er werken stukken van de website / applicatie niet. Gaan wij verder tot alles werkent is.
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt; &lt;!-- end container --&gt;
  </code></pre>