JSFiddle - React, Tailwind, and code Playground

by ishq786

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.9.4/css/bootstrap-select.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.9.4/js/bootstrap-select.min.js"></script>
<nav class="navbar navbar-inverse navbar-static-top">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="">Brand</a>
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>


    <div class="navbar-collapse collapse" id="navbar">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sign in <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li>Hey!</li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

<div class="container" style="border: 2px solid red;">
  <div class="row">
    <div class="col-md-2">
      <div class="form-horizontal">
        <select class="selectpicker col-sm-12" data-live-search="true" title="Routes">
				<option>1 Route A - WEST</option>
				<option>2 Route B - SOUTH</option>
				<option>2 Route B - NORTH</option>
				<option>3 Very Long Route Name C - SOUTH</option>
				<option>3 Very Long Route Name C - NORTH</option>
				<option>4 Route D - EAST</option>
				<option>4 Route D - WEST</option>
				<option>5 An Extremely Long Route Name E - SOUTH</option>
				<option>5 An Extremely Long Route Name E - NORTH</option>
        </select>
      </div>
    </div>
    <div...

CSS

html,
body,
.container-fluid,
.row,
.map {
  height: 100%;
}

.canvas {
  width: 75%;
  height: 100%;
}

.navbar {
  margin-bottom: 0 !important;
}