Compiled CSS and JS
Download ready-to-use compiled code for Boosted v4.6.2 to easily drop into your project, which includes:
- Compiled and minified CSS bundles (see CSS files comparison)
Should you require our full set of build tools, they are included for developing Boosted and its docs, but they’re likely unsuitable for your own purposes.
If you want to download and examine our examples, you can grab the already built examples:
Skip the download with jsDelivr to deliver cached version of Boosted’s compiled CSS and JS to your project.
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin="anonymous"> <link rel="stylesheet" href="https://email@example.com/dist/css/boosted.min.css" integrity="sha384-gf+Y5XR9AaDz8jxrG8h6a3BYpN7fOpxA97a0i8QHgwnRKNOuahm7ZQfqzxaNW+aJ" crossorigin="anonymous"> <script src="https://firstname.lastname@example.org/dist/js/boosted.bundle.min.js" integrity="sha384-HkgWGiFvphHyETaofVWXX2SP64Dbtv237puflDWHKGBrQg9mSRWItJIt2JkJrPlL" crossorigin="anonymous"></script>
<!-- In your <head> --> <link rel="preconnect" href="https://code.jquery.com" crossorigin="anonymous"> <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin="anonymous"> <!-- Just before </body> --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://email@example.com/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://firstname.lastname@example.org/dist/js/jquery.tablesorter.min.js" integrity="sha384-+PEWXCk8F17zxsQsEjkuHjUN4yFMHv03eKxKLrqwDql8FJQM0NeSvHRZFVLfXyn7" crossorigin="anonymous"></script> <script src="https://email@example.com/swiper-bundle.min.js" integrity="sha384-fz/+nLUpAlHOqN8kbJpfALeiJedm/CSmBrZrxbHAq17ik0fBZxQchA1uCsxAWVlt" crossorigin="anonymous"></script> <script src="https://firstname.lastname@example.org/dist/js/boosted.min.js" integrity="sha384-9FuTk2FQCe3cMtjQJ7M96wm1t2cRlWSQ6EoxCMXNQmEVpR66qASkSXRKfPuTeiTC" crossorigin="anonymous"></script>
Make sure to use
preconnect resource hint where appropriate (only when given URL will be used).
Pull in Boosted’s source files into nearly any project with some of the most popular package managers. No matter the package manager, Boosted will require a Sass compiler and Autoprefixer for a setup that matches our official compiled versions.
Install Boosted in your Node.js powered apps with the npm package:
npm install boosted
require('boosted') will load all of Boosted’s jQuery plugins onto the jQuery object. The
boosted module itself does not export anything. You can manually load Boosted’s jQuery plugins individually by loading the
/js/*.js files under the package’s top-level directory.
package.json contains some additional metadata under the following keys:
sass- path to Boosted’s main Sass source file
style- path to Boosted’s non-minified CSS that’s been precompiled using the default settings (no customization)
Bootstrap starter project
Head to the twbs/bootstrap-npm-starter template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons.
Install Boosted in your Node.js powered apps with the yarn package:
yarn add boosted
composer require orange-opensource/orange-boosted-bootstrap:4.6.2