JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header pull-right">
      <ul class="nav navbar-nav">
        <li>
          <button class="btn btn-md btn-success">Login</button>
        </li>
      </ul>
    </div>
  </div>
</nav>
<div class="container">
  <div class="row tabs-container">
    <div class="col-sm-offset-2 col-sm-8">
      <div class="panel with-nav-tabs panel-default">
        <div class="panel-heading">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab1default" data-toggle="tab">Rules</a></li>
            <li><a href="#tab2default" data-toggle="tab">Events</a></li>
          </ul>
        </div>
        <div class="panel-body">
          <div class="tab-content">
            <div class="tab-pane fade in active" id="tab1default">
              <form class="form-horizontal">
                <div class="form-group">
                  <label class="control-label col-sm-2" for="name">Name:</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="name" placeholder="Enter name">
                  </div>
                </div>
                <div class="form-group">
                  <label class="control-label col-sm-2" for="type">Type:</label>
                  <div class="col-sm-10">
                    <select class="form-control" id="type">
                      <option>Type1</option>
                      <option>Type2</option>
                      <option>Type3</option>
                      <option>Type4</option>
                    </select>
                  </div>
                </div>
                <!-- <div...

CSS

.navbar-nav li {
  margin-top: 8px;
  margin-bottom: 8px;
}

.bg-4 {
  background-color: #2f2f2f;
  /* Black Gray */
  color: #fff;
}

.tabs-container {
  margin-top: 100px;
}

.parent-border {
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}