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.
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.
<!-- 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.
<script src="admin4b.min.js"></script>
Initial setup
An example code of the initial setup can be seen below.
<!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.