Bootstrap is a front-end open source framework for web application design which consists of HTML, CSS and JavaScript for developing responsive, mobile-first website. Bootstrap, originally named Twitter Blueprint framework and was developed by Mark Otto and Jacob Thornton at Twitter. Bootstrap is completely free to download and use!
It maintains UI consistency, encourage consistency across internal tools. By using Bootstrap, you can create attractive web components like alert, tabs, carousel, and menu etc using CSS and JavaScript.
Bootstrap original name was Twitter Blueprint framework and developed by Mark Otto and Jacob Thornton at Twitter. Bootstrap is completely free to download and use! It was released as an free open source product in August 2011 on GitHub.
This Bootstrap tutorial includes many Bootstrap code examples with online editing facility. You can edit or write a code and click on a Run button to view the code result. You will find a See Live Example button at the bottom of the example code. Use it to verify the code and check the output with different options.
<!DOCTYPE html> <html lang="en"> <head> <!-- www.techstrikers.com--> <title>First Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="jumbotron text-center"> <h1>Welcome to Bootstrap Tutorial</h1> <p>My first responsive page!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <form> <div class="form-group"> <label for="email1">Email address</label> <input type="email" class="form-control" id="email1" placeholder="Email"> </div> <div class="form-group"> <label for="password">Password</label> <input type="password" class="form-control" id="password" placeholder="Password"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> </div> </div> </div> </body> </html>