JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!DOCTYPE html>

	
		<title>Bootstrap 3</title>
	



	
	
	<body>

		<div class = "navbar navbar-inverse navbar-static-top">
			<div class = "container">
				      <a href = "#" class = "navbar-brand">Tech Site</a>
			
				
				<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
					<span class = "icon-bar"></span>
					<span class = "icon-bar"></span>
					<span class = "icon-bar"></span>
				</button>
				
				<div class = "collapse navbar-collapse navHeaderCollapse">
				
					<ul class = "nav navbar-nav">
					
							<li><a href = "#">Specs and Features</a></li>
						<li><a href = "#">How To Videos</a></li>
					
				
                        	<li class = "dropdown">
							
							<a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">Social Media <b class = "caret"></b></a>
							<ul class = "dropdown-menu ">
								<li><a href = "#">Twitter</a></li>
								<li><a href = "#">Facebook</a></li>
								<li><a href = "#">Google+</a></li>
								<li><a href = "#">Instagram</a></li>
							</ul>
						
						</li>
						<li><button id="buyButton" type="button" class="btn btn-primary">Buy Now</button></li>
					
					</ul>
				
				</div>
				
			</div>
		</div>
      

        
		
	</body>

CSS

#buyButton {
	position:relative;
	top:7.5px;
	
	}
	

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
		
    }

    .navbar .navbar-collapse {
        text-align: center;
	
		
    }

.navbar-brand{
	position:relative;
	left:224 px;	
	}
	.nav navbar-nav{
		margin-top:100px;
		}
}