JSFiddle - React, Tailwind, and code Playground

by seefeld

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="panel panel-default">
    <div class="panel-heading">Panel heading without title</div>
    <div class="panel-body">Panel content</div>
</div>
<br />
<div class="panel panel-default">
    <div class="panel-heading">
         <h3 class="panel-title">Panel title</h3>

    </div>
    <div class="panel-body">Panel content</div>
</div>
<br />
<div class="well well-large">
<i class="icon-quote-left icon-4x pull-left"></i>
Use a few of the new styles together ... lots of new possibilities.</div>
<div class="well well-large">
<span class="icon-stack">
  <i class="icon-check-empty icon-stack-base"></i>
  <i class="icon-twitter"></i>
</span>
icon-twitter on icon-check-empty
    <br>
<span class="icon-stack">
  <i class="icon-circle icon-stack-base"></i>
  <i class="icon-flag icon-light"></i>
</span>
icon-flag on icon-circle
    <br>
<span class="icon-stack">
  <i class="icon-sign-blank icon-stack-base"></i>
  <i class="icon-terminal icon-light"></i>
</span>
icon-terminal on icon-sign-blank
    <br>
<span class="icon-stack">
  <i class="icon-camera"></i>
  <i class="icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-camera on icon-ban-circle</div>

<pre class="prettyprint linenums">
function trimString (str) {

	str = str.replace(/^\s+/, '');
	for (var i = str.length - 1; i >= 0; i--) {
		if (/\S/.test(str.charAt(i))) {
			str = str.substring(0, i + 1);
			break;
		}
	}
	return str;

}

$(document).ready( function(){

	$('div.front-page-team').block({ 
		message: 'Loading ..'
	}); 

	// Icons support
	$('#side-nav > li > a').each( function(){
		var iconProp = $(this).prop('title');
		if(!iconProp) iconProp = "icon-ok-sign";
		$(this).prepend('<span class="right-menu-icon" ><i...

CSS

body {
    padding: 30px;
}