JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
   <div class="container-fluid">
		<div class="row">
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1">
                <ul class="my-menu">
                    <li>One</li>
                    <li>Two</li>
                    <li>Three</li>
                </ul>
            </div>
            <div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
                <div class="map-container">
				    <div id="map"></div>
                </div>
		    </div>
		</div>
	</div>

CSS

#map { height: 200px; }
.my-menu{
    list-style:none;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
   .my-menu li{
      float: left;
      width: 33%;
      text-align: center;
   }
}

JavaScript

// create a map in the "map" div, set the view to a given place and zoom
var map = L.map('map').setView([51.505, -0.09], 13);

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// add a marker in the given location, attach some popup content to it and open the popup
L.marker([51.5, -0.09]).addTo(map)
    .bindPopup('A pretty CSS3 popup. <br> Easily customizable.')
    .openPopup();