What is Bootstrap?
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.
Why Use Bootstrap?
Bootstrap Package Includes
Test Bootstrap Code Online
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 Try Now 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="http://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>