<!DOCTYPE html> <html> <head> <title>Bootstrap Fluid Layouts</title> <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript" src=" https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <nav id="myNavbar" class="navbar navbar-default" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse"> <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="https://www.freetimelearning.com">Free Time Learning</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="nav navbar-nav"> <li class="active"><a href="https://www.freetimelearning.com" target="_blank">HOME</a></li> <li><a href="https://www.freetimelearning.com/bootstrap-tutorial.php" target="_blank">BOOTSTRAP</a></li> <li><a href="https://www.freetimelearning.com/html-tutorial.php" target="_blank">HTML</a></li> <li><a href="http://www.freetimelearn.com/css-basic-tutorial.php" target="_blank">CSS</a></li> <li><a href="https://www.freetimelearning.com/contact-us.php" target="_blank">CONTACT</a></li> </ul> </div> </div> </nav> <div class="container-fluid"> <div class="jumbotron"> <h1>Learn to Twitter Bootstrap</h1> <p>Bootstrap is the most popular HTML, CSS and JavaScript framework for developing responsive, mobile-first web sites. Bootstrap is faster and easier web development.</p><p>Bootstrap is a powerful front-end framework for faster and easier web development. It includes HTML and CSS based design templates for common user interface components like Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel and many other as well as optional JavaScript extensions. <a href="https://www.freetimelearning.com" target="_blank">www.freetimelearning.com</a> </p> <p><a href="https://www.freetimelearning.com" target="_blank" class="btn btn-success btn-lg">Get started today</a></p> </div> <div class="row"> <div class="col-xs-4"> <h2>Bootstrap</h2> <p>Bootstrap is a powerful front-end framework for faster and easier web development. It includes HTML and CSS based design templates for common user interface components like Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel and many other as well as optional JavaScript extensions.</p> <p><a href="https://www.freetimelearning.com/bootstrap-tutorial.php" target="_blank" class="btn btn-primary">Learn More »</a></p> </div> <div class="col-xs-4"> <h2>HTML</h2> <p>Hyper Text Marjup Language (HTML) was invented by "Tim Berner Lee".He was a British Computer Scientist. The first web page was created at CERN by Tim Berners-Lee on August 6, 1991. You can visit and browse the first website and first web page at the http://info.cern.ch/ address. </p> <p><a href="https://www.freetimelearning.com/html-tutorial.php" target="_blank" class="btn btn-primary">Learn More »</a></p> </div> <div class="col-xs-4"> <h2>CSS</h2> <p>CSS is the acronym for "Cascading Style Sheet". Tutorial provides basic and advanced concepts of CSS technology. Our CSS tutorial is developed for beginners and professionals. CSS is categorised into three types : Class base css, Tag base css, ID base css</p> <p><a href="http://www.freetimelearn.com/css-basic-tutorial.php" target="_blank" class="btn btn-primary">Learn More »</a></p> </div> </div> <hr> <div class="row"> <div class="col-xs-12"> <footer> <p>© Copyright 2020 Free Time Learning</p> </footer> </div> </div> </div> </body> </html>
Output :
Topic :
Bootstrap Fluid Layouts
