SB Admin Template
By FoxLearn 11/14/2024 6:50:29 AM 20
SB Admin HTML Template
This Bootstrap 5 admin template offers minimal custom styling and an advanced development environment, making it an ideal starter template for creating web apps, dashboards, and admin panels. It provides a clean, flexible foundation for developers to build and customize their applications.
Features
- SCSS based theme with built in scripts for compiling Pug and CSS
- A flexbox based layout with fixed and static navigation options
- Toggleable sidebar menu with intuitive toggled states
- Custom panel styling
- Interactive charts by Chart.js plugin
- Interactive tables by dataTables plugin
- Login, Registration, Forgot Password, 404, and Blank starter HTML pages
To begin using this template, choose one of the following options to get started:
Clone the repo: git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git
You can download it at GitHub
To make changes, simply edit the HTML and CSS files found in the `dist` directory. These are the only files you need to focus on, and you can ignore the rest. To see your changes, just open the `index.html` file in a web browser.
Clone the theme's source files and go to the root directory. Run npm install
to install dependencies, then run npm start
to preview the template in your browser.
This command also watches for changes to core template files and live reloads the browser when changes are saved. Check the package.json
file to see available scripts.
npm Scripts
npm run build
builds the project - this builds assets, HTML, JS, and CSS intodist
npm run build:assets
copies the files in thesrc/assets/
directory intodist
npm run build:pug
compiles the Pug located in thesrc/pug/
directory intodist
npm run build:scripts
brings thesrc/js/scripts.js
file intodist
npm run build:scss
compiles the SCSS files located in thesrc/scss/
directory intodist
npm run clean
deletes thedist
directory to prepare for rebuilding the projectnpm run start:debug
runs the project in debug modenpm start
ornpm run start
runs the project, launches a live preview in your default browser, and watches for changes made to files insrc
You must have npm installed in order to use this build environment.