Download Torus Kit library that includes:
- ready-to-use, compiled and minified
Than extract the .zip file to your desired folder.Download now
dist// distribution folder with ready-to-use
css// compiled and minified
js// compiled and minified
src// folder with all source files
bootstrap// source Bootstrap files
Check what files are included and which one suits you better.
Torus Kit comes with included Bootstrap css files, but you can use it as stand-alone library, too. Here is the list of available ready-to-use
.css files in
toruskit.bunde.css- includes both Torus Kit and Bootstrap features with whole Bootstrap library.
toruskit.css- includes Effects and Loops only. Great when you don’t need Bootstrap and you want to use different or your own framework
.css files has their minified version with
toruskit.js - all required Torus Kit JS functions *
toruskit.min.js - same as above, but minified
toruskit.js- all required Torus Kit JS functions
toruskit.min.js- same as above, but minified
Basic HTML structure
Here is the basic structure for the quick start your project.
.js file placement
Because v2 is based on different engine, that uses
MutationObserver it is necessary to put the
toruskit.min.js file into
<head> under the all CSS stylesheets.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Torus Kit `.css` file --> <link rel="stylesheet" href="toruskit.bundle.css"> <!-- Torus Kit `.js` file --> <script src="toruskit.js"></script> <title>Title</title> </head> <body> <!-- Bootstrap `.js` file --> <script src="bootstrap.bundle.min.js"></script> </body> </html>