D
Donald Uko
Guest
I was trying to make my navigation responsive but the code i used seem not to give me the much desired result;
in my browser, there is only one button displayed and the list items are not displaying. can someone please help me out.I really want to know the detailed code including how to attach bootstrap to a web form to make it responsive. Here is the code i used..
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DoXtrack</title>
<link href="...bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="...bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="StyleSheet.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="navbar-example" aria-expanded="false">
<span class="sr-only">Menu</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-example">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>
Continue reading...
in my browser, there is only one button displayed and the list items are not displaying. can someone please help me out.I really want to know the detailed code including how to attach bootstrap to a web form to make it responsive. Here is the code i used..
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DoXtrack</title>
<link href="...bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="...bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="StyleSheet.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="navbar-example" aria-expanded="false">
<span class="sr-only">Menu</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-example">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>
Continue reading...