..
Write the same code in a note pad or other text editor and save it with html extention. Open the saved file on your google crome or Mozila browser to see the output.
- <html>
- <head>
- <title>GYAN Tutorial Example</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="https://website.gyaann.com/bootstrap.min.css">
- <script src="https://website.gyaann.com/jquery-1.7.2.min.js"></script>
- <script src="https://website.gyaann.com/bootstrap.min.js"></script>
- </head>
- <body>
- <h1 class="col-sm-12" >Bootstrap Tutorial</h1>
- <h2 class="col-sm-12" >Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. It is like grid framework consisting of 12 section in a wide display and that is calculated according to the width of the devices</h2>
- <div class="col-sm-12" >
- <h1 class="col-sm-4" >This is an Example of Bootstrap, here it is divided into three section 4 + 4 + 4 = 12</h1>
- <h2 class="col-sm-4" >This is an Example of Bootstrap, here it is divided into three section 4 + 4 + 4 = 12</h2>
- <h3 class="col-sm-4" >This is an Example of Bootstrap, here it is divided into three section 4 + 4 + 4 = 12</h3>
- </div>
- <div class="col-sm-12" >
- <p class="col-sm-6" >This is an Example of Bootstrap, here it is divided into two section 6 + 6 = 12</p>
- <p class="col-sm-6" >This is an Example of Bootstrap, here it is divided into two section 6 + 6 = 12</p>
- </div>
- <p class="col-sm-offset-8 col-sm-4" >This is an Example of Bootstrap, here it has left one section of 8 and used one section of 4 8 + 4 = 12</p>
- </body>
- </html>