---
title: "Starter Template in Bootstrap"  
description: "Starter Template in Bootstrap"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2021-07-28  
canonical: https://www.mindstick.com/forum/156586/starter-template-in-bootstrap  
category: "bootstrap"  
tags: ["bootstrap"]  
reading_time: 2 minutes  

---

# Starter Template in Bootstrap

What do you understand by Starter [Template](https://www.mindstick.com/blog/282/creating-custom-template-in-joomla) in [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel)?

## Replies

### Reply by Anonymous User

The starter template in Bootstrap is like VS Code's boiler plate snippet code that forms the skeletal body of your web file. Make sure your pages are set up with the latest design and development standards. This means using an HTML5 doctype and including the viewport meta tag for proper responsive behavior. Put it all together and your pages should look like this:

![Starter Template in Bootstrap](https://www.mindstick.com/mindstickforums/9fbd07cb-07cd-4f69-aa7a-7699f383f8f3/images/263cb281-a5d7-4f00-9693-606d713db7f7.png)\

```
<!doctype html>
<html lang='en'>
  <head>
    <!-- Required meta tags -->
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <!-- Bootstrap CSS -->
    <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css' rel='stylesheet' integrity='sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC' crossorigin='anonymous'>
    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
    <!-- Optional JavaScript; choose one of the two! -->
    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js' integrity='sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM' crossorigin='anonymous'></script>
    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src='https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js' integrity='sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p' crossorigin='anonymous'></script>
    <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js' integrity='sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF' crossorigin='anonymous'></script>
    -->
  </body>
</html>
```

Copy and paste this snippet of code to start your first Html file with Bootstrap.

Hope, this will help you a lot.

Happy Coding!


---

Original Source: https://www.mindstick.com/forum/156586/starter-template-in-bootstrap

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
