Introduction

Admin 4B is an open source admin template built on top of Bootstrap 4. The source code can be found on the GitHub repo.

Download Admin 4B

Quick start

This template uses many bootstrap features, so you need to have some knowledge in this toolkit. Before you continue, please, take a look at the bootstrap documentation.

The admin4b.min.* is a template bundle that already includes jQuery, Bootstrap, Popper and Admin 4B theming and plugins.

You can enrich the theme by using an icon library like Font Awesome.

CSS

Copy-paste the stylesheet <link> into your <head> after the font stylesheets to load our CSS.

Source code
<!-- link to Font Awesome CSS -->
<link rel="stylesheet" href="admin4b.min.css">

JS

Place the following <script> tags near the end of your pages, right before the closing <body> tag.

Source code
<script src="admin4b.min.js"></script>

Initial setup

An example code of the initial setup can be seen below.

Source code
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- link to Font Awesome CSS -->
    <link rel="stylesheet" href="admin4b.min.css">
    <title>Admin 4B</title>
  </head>
  <body>
    <script src="admin4b.min.js"></script>
  </body>
</html>
JavaScript initialization

All components (including bootstrap) are automatically initialized by the template.

What's next?

Configure the sidebar navigation