Get started with Vitamin

Vitamin Bootstrap - a framework that is built on the foundation of Bootstrap, but with improved functionality and design elements. With Vitamin Bootstrap, you can build better and faster than ever before. Say goodbye to the limitations of traditional Bootstrap.

Quick Start

Getting started with Vitamin and Bootstrap is easy. Simply follow these steps to get up and running:

  1. Create a new file and name it index.html.
  2. Add the following basic HTML structure to your file: 
      
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
  </body>
</html>
  3. Add the Vitamin CSS and Bootstrap JavaScript to your file by including the following links in your <head> tag:
    • Vitamin CSS: <link rel="stylesheet" href="css/vitamin.min.css">
    • Bootstrap JavaScript: <script src="js/bootstrap.min.js"></script>

For download or adquiring vitamin file, go to download section.

HTML5 doctype

Vitamin bootstrap requires the use of the HTML5 doctype. Without it, you’ll see some funky and incomplete styling. 
    
<!doctype html>
<html lang="en">
  ...
</html>

And that's it! You now have a basic Bootstrap and Vitamin setup. You can start adding your own custom HTML, CSS and JavaScript to create your unique website.