JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<div class="row-fluid black">
		<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
			<div class="row-fluid">
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
					 <div class="beta32"></div> 
					 <div class="beta32"></div> 
					 <div class="beta32"></div> 
					 <div class="beta32"></div>
                    <div class="beta32"></div> 
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
					<div class="alpha130"></div>
						<div class="row-fluid">
							<div class="col-md-3 col-md-offset-1 col-sm-3 col-sm-offset-1 col-xs-3 col-xs-offset-1">
								 <div class="beta32"></div>
							</div>
							<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
								 <div class="beta32"></div>
							</div>
					</div> 
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
					 <div class="beta32"></div> 
					 <div class="beta32"></div> 
					 <div class="beta32"></div> 
					 <div class="beta32"></div>
                    <div class="beta32"></div> 
				</div>
		   </div>
	   </div>
	</div>

CSS

.alpha130 {
    width: 130px;
    height: 130px;
    background: red;
    margin-bottom: 5px;

}
.beta32 {
    width: 32px;
    height: 32px;
    background: green;
    margin-bottom: 5px;
}