JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<link>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></link>-->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
</head>
<body>
	<div class="btn-group" data-toggle="buttons">
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
		<label	class="btn btn-primary active">
			<input type="checkbox" />ABCDEFGHIJKLMNOPQRSTUVWXYZ
		</label>
	</div>
	
	<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
	<script...