JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Starter Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

  </head>

  <body>

    <div class="container">

		<div class="col-md-6">
			<div class="panel panel-primary">
				<div class="panel-heading"><b>My Title</b><span class="pull-right">123</span></div>
				<div class="panel-body">
					Just a test text<br>
				</div>
				<div class="panel-footer">
				Some information herre
				
				<!-- Single button -->
				<div class="btn-group pull-right">
				  <button type="button" class="btn btn-primary dropdown-toggle " data-toggle="dropdown">
					Group of buttons <span class="caret"></span>
				  </button>
				  <ul class="dropdown-menu" role="menu">
					<li><a href="#"><span class="glyphicon glyphicon-edit"></span> Edit</a> </li>
					<li><a href="#"><span class="glyphicon glyphicon-trash"></span> Delete</a></li>
					<li class="divider"></li>
					<li><a href="#"><span class="glyphicon glyphicon-list-alt"></span> PDF</a></li>
				  </ul>
				</div>
			</div>
			</div>
		</div>

    </div><!-- /.container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  </body>
</html>