<!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"> <link href="css/custom.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="container"> <div class="jumbotron text-center"> <h1>Hello World !!!</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit convallis nisl, eget rutrum lectus commodo at. Pellentesque mattis justo vel augue pretium euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce eu turpis eros.</p> </div> </div> <!-- Fixed footer --> <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 bootstrap jumbotron
bootstrap jumbotron background image
bootstrap jumbotron carousel
bootstrap jumbotron background color
bootstrap jumbotron height
bootstrap jumbotron center
bootstrap jumbotron background image responsive
bootstrap jumbotron template
bootstrap jumbotron full width
Bootstrap Jumbotron Background Cover Image
css - Responsive Bootstrap Jumbotron Background Image
