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.

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.

For the template icons you can use Simple Line Icons or Font Awesome.

Version 1.1.x and lower

For the template work properly you need to add Bootstrap dependencies manually: jQuery and Popper. Also, you need to add Font Awesome CSS file.

CSS

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

Source code

<!-- link to Simple Line Icons 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 Simple Line Icons 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