josephrexme/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */
/*
.row{
}
.row::before, .row::after{
  content: ' ';
  display: table;
}
.row::after{
  clear: both;
}*/
[class^=col-md-]{
  float: left;
}
.col-md-6{
  width: 50%;
}
.red.red{
  color: red;
}
.blue{
  color: blue;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<p>I love playing basketball</p>
<div class="row">
  <div class="col-md-6">Hello</div>
  <div class="col-md-6">World</div>
</div>
<p class="red blue">This is great ain't it</p>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/
	/*
	.row{
	}
	.row::before, .row::after{
	content: ' ';
	display: table;
	}
	.row::after{
	clear: both;
	}*/
	[class^=col-md-]{
	float: left;
	}
	.col-md-6{
	width: 50%;
	}
	.red.red{
	color: red;
	}
	.blue{
	color: blue;
	}
	<!-- content to be placed inside <body>…</body> -->
	<p>I love playing basketball</p>
	<div class="row">
	<div class="col-md-6">Hello</div>
	<div class="col-md-6">World</div>
	</div>
	<p class="red blue">This is great ain't it</p>