JSFiddle - React, Tailwind, and code Playground

by Cory Hughes

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row" style="margin: 0px 0px 40px;">
	<div class="col-xs-12">
		<h2>Fabric Walls</h2>

		<p class="lead">Fabric Walls are a fabric tension wall display system that is light weight, easy to set up and durable.</p>

		<div>
			<ul class="nav nav-tabs" role="tablist">
				<li class="active" role="presentation"><a aria-controls="wall-types" data-toggle="tab" href="#wall-types" role="tab">Types</a></li>
				<li role="presentation"><a aria-controls="wall-features" data-toggle="tab" href="#wall-features" role="tab">Features</a></li>
				<li role="presentation"><a aria-controls="wall-pricing" data-toggle="tab" href="#wall-pricing" role="tab">Pricing</a></li>
			</ul>

			<div class="tab-content">
				<div class="tab-pane active" id="wall-pricing" role="tabpanel">
					<table class="table table-bordered">
						<thead>
							<tr>
								<th>&nbsp;</th>
								<th>Complete</th>
								<th>Graphic</th>
								<th>Hardware Price</th>
							</tr>
							<!-- <tr>
								<th scope="row">Curve 20-Sided</th>
								<td>$xxx</td>
								<td>$xxx</td>
								<td>$xxx</td>
							</tr> -->
						</thead>
						<tbody>
							<tr>
								<th scope="row">Deluxe Table Top</th>
								<td>$776</td>
								<td>$542</td>
								<td>$234</td>
							</tr>
							<tr>
								<th colspan="4" scope="row">8&#39; Deluxe Backdrop</th>
							</tr>
							<tr>
								<th scope="row">Straight</th>
								<td>$1,498</td>
								<td>$1,044</td>
								<td>$454</td>
							</tr>
							<tr>
								<th scope="row">Straight 2-Sided</th>
								<td>$1,979</td>
								<td>$1,525</td>
								<td>$454</td>
							</tr>
							<tr>
								<th scope="row">Curve</th>
								<td>$1,647</td>
								<td>$1,172</td>
								<td>$475</td>
							</tr>
							<tr>
								<th scope="row">Curve...