<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<nav class="navbar navbar-default " role="navigation">
<div class="navbar-header">
<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 class="business-logo-align col-md-10" >
<a href="#"> LOGO
</a>
</div>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="col-md-6 col-xs-6 text-center"> <a href="#"><button type="button" class=" btn btn-default hom_nav_btn ">Log in</button></a></li>
<li class="col-md-6 col-xs-6 text-center"><a href="#"><button type="button" class="btn btn-danger hom_nav_btn_red">Sign Up</button></a></li>
</ul>
<div class=" col-xs-9 col-sm-12 col-md-8 pd-t-10" >
<ul class="nav navbar-nav navbar-centerr">
<li><a href="#" class="busi-btn-active">Click One</a></li>
<li><a href="#" class="busi-btn">Click Two</a></li>
<li><a href="#" class="busi-btn">Click Three</a></li>
<li><a href="#" class="busi-btn">Click Four</a></li>
</ul>
</div>
</div>
