JSFiddle - React, Tailwind, and code Playground

by lucyman76

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="col-xs-12 ">
            <div class="col-xs-6 ">
                <div class="col-xs-12 item"> 1</div>
            </div>
            <div class="col-xs-6 ">
                <div class="col-xs-12 item"> 2</div>
            </div>
            
             <div class="col-xs-6 padd-top">
                <div class="col-xs-12 item"> 3</div>
            </div>
            <div class="col-xs-6 padd-top">
                <div class="col-xs-12 item"> 4</div>
            </div>
        </div>

CSS

.item{
    height: 100px;
    background-color: #285e8e;
    font-size: 30px;
}
.padd-top{
    padding-top: 10px;
 }