<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><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="#">ELT-Logo</a> -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse col-lg-4" id="defaultNavbar1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html"><span class="glyphicon glyphicon-home" aria-hidden="true"></span><span class="sr-only">(current)</span></a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Our Services<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a href="#">Travel Management</a></li>
<li><a href="#">Meeting & Event Planning</a></li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">Technology</a>
<ul class="dropdown-menu">
<li><a href="#">Online Booking</a></li>
<li><a href="#">Reporting</a></li>
<li><a href="#">Trip Alerts</a></li>
</ul>
</li>
<li><a href="#">Additional Business Travel Services</a></li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">Leisure Travel</a>
<ul class="dropdown-menu">
<li><a href="#">Hapag Lloyd Cruises</a></li>
<li><a href="#">Groups & Tours</a></li>
<li><a href="#">Ski Europe</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Business Travel Resources<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a href="#">Mobile Travel App</a></li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">Book Travel Online</a>
<ul class="dropdown-menu">
<li><a href="#">Online Booking</a></li>
<li><a href="#">GetThere Login</a></li>
<li><a href="#">Stat of NY Login</a></li>
</ul>
</li>
<li><a href="#">Visa / Passport</a></li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">Travel Information</a>
<ul class="dropdown-menu">
<li><a href="#">Travel Advisories</a></li>
<li><a href="#">TSA</a></li>
<li><a href="#">CDC</a></li>
<li><a href="#">W.H.O.</a></li>
<li><a href="#">Weather</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">Your Flight Info</a>
<ul class="dropdown-menu">
<li><a href="#">Flight Schedules</a></li>
<li><a href="#">Flight Tracker</a></li>
<li><a href="#">Airport Delays & Status</a></li>
<li><a href="#">Seat Map</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">About Us<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Euro Lloyd Travel</a></li>
<li><a href="#">About LCC Business Travel</a></li>
<li><a href="#">Contact ELT</a></li>
</ul>
</li>
<li><a href="#">Leisure Travel<span class="sr-only"></span></a></li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</div>
</div>
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}