-
Problems
This line enable URL Rewriting . It must be enabled via the RewriteEngine directive! and if your .htaccess file is going to use rewrite rules, you should always include this line. Otherwise, you can’t be sure if its enabled or not. The string “on” is case insensitive.
CODE
<div class='navbar navbar-inverse navbar-fixed-top' style="position:fixed;z-index:9999;width:100%;height:35px;">
<div >
<a href="http://xyz.com/"><img class="navbar-brand" src="image/logo.jpg" height="75" width="130"></a>
</div>
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<form class="hidden-xs hidden-sm" method="post" action="login.php"style="float:right; " >
<div style="float:left;padding:5px" class="form-group">
<input class="form-control" name="user" required placeholder="USERNAME" type="text">
</div>
<div style="float:left;padding:5px" class="form-group">
<input class="form-control" name="pass" required placeholder="********" type="password">
</div>
<button style="margin:5px;" name="submit" type="submit"class="btn btn-success "> login</button>
<a href="register.php" style="margin:5px;float:right;" class="btn btn-warning ">Register</a>
</form>
<a style="margin:5px;float:right;" class="btn btn-success visible-sm"> login</a>
<a style="margin:5px;float:right;" class="btn btn-warning visible-sm">Register</a>
<ul style="float:right" class="nav navbar-nav hidden-xs">
<li class="visible-lg"><a href="logout.php">MENU1</a></li>
<li class="visible-lg"><a href="logout.php">MENU2</a></li>
</ul>
<div style="padding:0px;" id="navbar-collapse" class="collapse navbar-collapse ">
<ul class="nav navbar-inverse ">
<li><a href="#">DROP1</a></li>
<li><a href="url">DROP2</a></li>
</ul>
</div>
</div>
<div >
<a href="http://xyz.com/"><img class="navbar-brand" src="image/logo.jpg" height="75" width="130"></a>
</div>
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<form class="hidden-xs hidden-sm" method="post" action="login.php"style="float:right; " >
<div style="float:left;padding:5px" class="form-group">
<input class="form-control" name="user" required placeholder="USERNAME" type="text">
</div>
<div style="float:left;padding:5px" class="form-group">
<input class="form-control" name="pass" required placeholder="********" type="password">
</div>
<button style="margin:5px;" name="submit" type="submit"class="btn btn-success "> login</button>
<a href="register.php" style="margin:5px;float:right;" class="btn btn-warning ">Register</a>
</form>
<a style="margin:5px;float:right;" class="btn btn-success visible-sm"> login</a>
<a style="margin:5px;float:right;" class="btn btn-warning visible-sm">Register</a>
<ul style="float:right" class="nav navbar-nav hidden-xs">
<li class="visible-lg"><a href="logout.php">MENU1</a></li>
<li class="visible-lg"><a href="logout.php">MENU2</a></li>
</ul>
<div style="padding:0px;" id="navbar-collapse" class="collapse navbar-collapse ">
<ul class="nav navbar-inverse ">
<li><a href="#">DROP1</a></li>
<li><a href="url">DROP2</a></li>
</ul>
</div>
</div>
Different component
LOGO :
<div >
<a href="http://xyz.com/"><img class="navbar-brand" src="image/logo.jpg" height="75" width="130"></a>
</div>
<a href="http://xyz.com/"><img class="navbar-brand" src="image/logo.jpg" height="75" width="130"></a>
</div>
MENU LINK :
<ul style="float:right" class="nav navbar-nav hidden-xs">
<li class="visible-lg"><a href="logout.php">MENU1</a></li>
<li class="visible-lg"><a href="logout.php">MENU2</a></li>
</ul>
<li class="visible-lg"><a href="logout.php">MENU1</a></li>
<li class="visible-lg"><a href="logout.php">MENU2</a></li>
</ul>
LOGIN AND REGISTER :
<form class="hidden-xs hidden-sm" method="post" action="login.php"style="float:right; " >
<div style="float:left;padding:5px" class="form-group">
<input class="form-control" name="user" required placeholder="USERNAME" type="text">
</div>
<div style="float:left;padding:5px" class="form-group">
<input class="form-control" name="pass" required placeholder="********" type="password">
</div>
<button style="margin:5px;" name="submit" type="submit"class="btn btn-success "> login</button>
<a href="register.php" style="margin:5px;float:right;" class="btn btn-warning ">Register</a>
</form>
<a style="margin:5px;float:right;" class="btn btn-success visible-sm"> login</a>
<a style="margin:5px;float:right;" class="btn btn-warning visible-sm">Register</a>
<div style="float:left;padding:5px" class="form-group">
<input class="form-control" name="user" required placeholder="USERNAME" type="text">
</div>
<div style="float:left;padding:5px" class="form-group">
<input class="form-control" name="pass" required placeholder="********" type="password">
</div>
<button style="margin:5px;" name="submit" type="submit"class="btn btn-success "> login</button>
<a href="register.php" style="margin:5px;float:right;" class="btn btn-warning ">Register</a>
</form>
<a style="margin:5px;float:right;" class="btn btn-success visible-sm"> login</a>
<a style="margin:5px;float:right;" class="btn btn-warning visible-sm">Register</a>
DROPDOWN BUTTOM:
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
DROPDOWN MENU:
<div style="padding:0px;" id="navbar-collapse" class="collapse navbar-collapse ">
<ul class="nav navbar-inverse ">
<li><a href="#">DROP1</a></li>
<li><a href="url">DROP2</a></li>
</ul>
</div>
IF YOU HAVE ANY QUERY RELATED TO BOOTSTRAP NAVBAR PLEASE POST IT IN COMMENT BELOW-
<ul class="nav navbar-inverse ">
<li><a href="#">DROP1</a></li>
<li><a href="url">DROP2</a></li>
</ul>
</div>
No comments:
Post a Comment