Twitter Bootstrap Equal Height Columns And Content Aligned Bottom

i am using Twitter Bootstrap 3 for laying out a site and I need to achieve something specific. I have a two column layout with an image on the left and some text on the right... &

Solution 1:

To get that layout you will need to break the float rules of bootstrap. Try this:

• Add a class on the row to later target the columns:

  <div class="row t-cell">
  

• Then with CSS use table-cell like this:

  .t-cell > div {
      display:table-cell;
      float:none;
      vertical-align:bottom;
  }
  

Check this DemoFiddle