Introduction

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites.

Recommend to check out Bootstrap Theme Guidelines by Bootstrap core team.

Folder Structure

root-template

src
- fonts – fonts used by the template
- images – Image files
- json – JSON files
- js – Core Javascript files
- scss – SASS source files
- svg – SVG files
- video – Video files
documentation
html – Template html files, ready to use.
demo.files – files used by demo (images, svg, etc)
node_modules – NPM dependencies (generated by "npm install")
gulpfile.js
package-lock.json
package.json

Starter Template

            
              <!doctype html>
              <html lang="en" dir="ltr">
                <head>

                  <title>Page title</title>
                  <meta name="description" content="...">

                  <meta charset="utf-8">
                  <meta http-equiv="X-UA-Compatible" content="IE=edge">
                  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

                  <!-- speed up external res -->
                  <link rel="dns-prefetch" href="https://fonts.googleapis.com/">
                  <link rel="dns-prefetch" href="https://fonts.gstatic.com/">
                  <link rel="preconnect" href="https://fonts.googleapis.com/">
                  <link rel="preconnect" href="https://fonts.gstatic.com/">
        
                  <!-- Theme -->
                  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap">
                  <link rel="stylesheet" href="../assets/css/theme.min.css">

                  <!-- Favicon -->
                  <link rel="shortcut icon" href="../favicon.ico">

                </head>
                <body>

                  <h1>Hello, world!</h1>

                  <!-- Javascripts -->
                  <script src="../assets/js/theme.min.js"></script>

                </body>
              </html>