JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.thepantrybromley.com/home/css/bootstrap.css">
<script src="http://www.thepantrybromley.com/home/js/bootstrap.min.js"></script>
<div id='subgroup-hotnav-panel-sec_1_subsec_12' style='border-style: dotted; border-color: green; border-width: 1px;'>
	<dihttp://jsfiddle.net/#savev id="content">
		:: subgroup-hotnav-panel-sec_1_subsec_12												
		<br />
		ItemsIDs: 
		
		<!-- TAB CONTROL BEGIN -->
		<ul id="tabRef__sec_id_1_subsec_id_12-tabs" class="nav nav-tabs" data-tabs="tabs"> 
			<li><a href="#tabRef__sec_id_1_subsec_id_12_page_1" data-toggle="tab">1</a></li>
			<li><a href="#tabRef__sec_id_1_subsec_id_12_page_2" data-toggle="tab">2</a></li>						
		</ul>
		<!-- TAB CONTROL END -->
		
		<!-- TAB CONTENT BEGIN -->
		
		<div id="tabRef__sec_id_1_subsec_id_12_page_1_content" class="tab-content">
			tabRef__sec_id_1_subsec_id_12_page_1_content									
			<div class="tab-pane" id="tabRef__sec_id_1_subsec_id_12_page_1">
			
				<h1>1</h1>
				<p>11</p>
				
				
			</div>
					
		</div>	
		
		<div id="tabRef__sec_id_1_subsec_id_12_page_2_content" class="tab-content">
			tabRef__sec_id_1_subsec_id_12_page_2_content									
			<div class="tab-pane" id="tabRef__sec_id_1_subsec_id_12_page_2">
			
				<h1>2</h1>
				<p>22</p>
				
				
			</div>
					
		</div>	
	</div>	
</div>