Example of Simple Horizontal Bootstrap Responsive Menu

Example of Simple Horizontal Bootstrap Responsive Menu

Whether you do a Corporate portal or an application Dashboard you must required a Horizontal menu. Category wise horizontal menu can be two types. Simple one with navigation & the complex one with sub-menus. There are many front-end technologies using which you can created a menu. Look at this example below here I created a Horizontal Bootstrap Responsive Menu. This is so simple to implement in your app. Just Copy and Paste the below code and customize as per your requirements.

Bootstrap-Responsive-Menu.htm

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simple Horizontal Bootstrap Responsive Menu</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="http://jharaphula.com">JHARAPHULA</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">Company
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="http://jharaphula.com/about-us">About Us</a></li>
<li><a href="http://jharaphula.com/contact-us">Contact Us</a></li>
<li><a href="http://jharaphula.com/publish-with-us">Publish with Us</a></li>
</ul>
</li>
<li><a href="http://jharaphula.com/category/blog-board">Our Blog</a></li>
<li><a href="http://jharaphula.com/press-release">Press Release</a></li>
<li><a href="http://jharaphula.com/sitemap">Sitemap</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>