JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" id="main">
	 	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	 		<div class="container">
	 		<div class="navbar-header">
	 			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	 			        <span class="sr-only">Toggle navigation</span>
	 			        <span class="icon-bar"></span>
	 			        <span class="icon-bar"></span>
	 			        <span class="icon-bar"></span>
	 			</button>
	 			<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="LOGO"></a>
	 		</div>
	 			
	 			<div class="collapse navbar-collapse">
	 				<ul class="nav navbar-nav">
		 				<li class="active">
		 					<a href="#">Home</a>
		 				</li>
		 				<li class="dropdown">
		 				          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services<strong class="caret"></strong></a>
		 				          <ul class="dropdown-menu" role="menu">
		 				            <li><a href="#">Web Development</a></li>
		 				            <li><a href="#">Web Designing</a></li>
		 				            <li><a href="#">SEO</a></li>
		 				            <li class="divider"></li>
		 				            <li class="dropdown-header">More Services</li>
		 				            <li><a href="#">Logo Designing</a></li>
		 				          </ul>
		 				</li>
	 				</ul>
	 				<form class="navbar-form pull-left" role="search">
	 					<div class="form-group">
	 					          <input type="text" class="form-control" placeholder="Search">
	 					</div>
	 					<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
	 				</form>
	 				<ul class="nav navar-nav pull-right">
	 					<li class="dropdown">
	 						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> My Account<strong class="caret"></strong></a>
	 						<ul class="dropdown-menu" role="menu">
	 						  <li><a href="#"><span class="glyphicon glyphicon-wrench"></span>...

CSS

@media (max-width:768px) {
    .carousel-caption h1 + p{
        display:none;
    }
    .carousel-caption h1 {
        font-size:1.3em;
    }
}