Saturday, July 11, 2015

Bootstrap Tutorial For Beginners 6 - Adding Fixed Footer

5:06 PM









<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<!-- The above 3 meta tags *must* come first in the
head; any other head content must come
*after* these tags -->
<title>ProgrammingKnowledge</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<button type="button" class="navbar-toggle"
data-toggle="collapse"
data-target=".navbar-collapse">
<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="www.ProgrammingKnowledge.org">ProgrammingKnowledge</a>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#" > Home </a></li>
<li><a href="#">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown">Learn <b
class="caret"></b>
<ul class="dropdown-menu">
<li class="dropdown-header">Examples</li>
<li><a href="#">C++</a></li>
<li><a href="#">Java</a></li>
<li class="divider"></li>
<li class="dropdown-header">Tutorials</li>
<li><a href="#">C++</a></li>
<li><a href="#">Java</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>

<div class="navbar navbar-inverse navbar-fixed-bottom">
<div class="container">
<div class="navbar-text pull-left">
<p>copyright ProgrammingKnowledge 2015</p>
</div>
</div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript
plugins) -->
<script src="
https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery
.min.js"></script>
<!-- Include all compiled plugins (below), or include
individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
















Searches related to add footer bootstrap

footer bootstrap example

footer bootstrap template

footer bootstrap code

responsive footer bootstrap

footer bootstrap w3schools

footer bootstrap css

fixed footer bootstrap

footer bootstrap design

Written by

We are one of the initiators of the development of information technology in understanding the need for a solution that is familiar and close to us.

0 comments:

Post a Comment

 

© 2013 Klick Dev. All rights resevered.

Back To Top