JSFiddle - React, Tailwind, and code Playground

by Abdull

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<div class="container-fluid" style="background-color: #00ff00">
    <div class="row">
        <div class="col-sm-offset-4 col-sm-4">
             <h1>Green</h1>
        </div>
    </div>
</div>

<div class="container-fluid" style="background-color: #ff0000">
    <div class="row">
        <div class="col-sm-offset-4 col-sm-4">
             <h1>Lorem Ipsum</h1>
             <h1>Lorem Ipsum</h1>
             <h1>Lorem Ipsum</h1>
             <h1>Lorem Ipsum</h1>
             <h1>Lorem Ipsum</h1>
             <h1>Lorem Ipsum</h1>
        </div>
        <div class="col-sm-4">
            <img src="http://dummyimage.com/200x100/00a/fff.png" alt="I want to be aligned to the bottom of my containing div"/>
        </div>
    </div>
</div>

<div class="container-fluid" style="background-color: #0000ff">
    <div class="row">
        <div class="col-sm-offset-4 col-sm-4">
             <h1>Blue</h1>
        </div>
    </div>
</div>