Guide to get started with Sandbox Modern & Multipurpose Bootstrap 5 Template.
This guide will help you get started with Sandbox. All the information regarding file structure, build tools, components, credits, license and FAQ can be found here.
If you have any questions that are beyond the scope of this help documentation, please feel free to contact us with the links below and please don't forget to provide your website URL.Contact Form Discussions Page
devAll template files with unminified CSS / JS. Use this folder if you don't wish to use Node.js / Gulp / SASS.
distAll template distribution files like HTML / CSS / JS that have been processed (compiled / minified) from
srcfolder using Node.js / Gulp.
srcAll template source files like HTML / SCSS / CSS / JS that are then processed (compiled / minified) to
theme.jsand JS vendor files. If you don't wish to use all included plugins and scripts, just remove unwanted vendor JS files from
src/assets/js/vendorthen remove unwanted functions from
src/assets/cssContains CSS vendor files. If you don't wish to use all included plugins, just remove unwanted vendor CSS from
src/assets/scssContains all project SCSS files that are compiled and minified in
dist/docsContain all documentation files (installation, blocks, elements, etc.) regarding the template. You can also reach the documentation from the live demo as well.
package.jsonIncludes the list of dependencies to install from npm.
gulpfile.jsConfiguration file for Gulp library. It contains all tasks to perform with Gulp. Learn more about it from official Gulp documentation.
If you'd like to speed up development process with Node.js / Gulp / SASS, then follow these steps:
sandbox, go to your command line and run npm install. This will install the npm packages listed in the
distfolder, launching BrowserSync, merging vendor libraries, JS minification, SASS and HTML compilation and starting watch task.
distwhich includes all template files with minified CSS / JS.
devwhich includes all template files with unminified CSS / JS.
When you want to kill the server just hit Control + C
This quick video demonstrates:
Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.Buy Sandbox