JSFiddle - React, Tailwind, and code Playground

by haba713

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<div class="container-fluid">

		<div class="row">
			<div class="col-sm-12">X</div>
		</div>



		<div class="row">
			<div class="col-sm-2">2</div>
		</div>

		<div class="row">
			<div class="col-sm-1">1</div>
			<div class="col-sm-1">1</div>
		</div>

	</div>

CSS

div {
  border: 1px solid red;
  text-align: center;
}