View on GitHub

Download

Download Boosted to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.

Compiled CSS and JS

Download ready-to-use compiled code for Boosted v4.5.3 to easily drop into your project, which includes:

  • Compiled and minified CSS bundles (see CSS files comparison)
  • Compiled and minified JavaScript plugins

This doesn’t include documentation, source files, or any optional JavaScript dependencies (jQuery and Popper.js).

Download Boosted

Source files

Compile Boosted with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:

  • Sass compiler (Libsass or Ruby Sass is supported) for compiling your CSS.
  • Autoprefixer for CSS vendor prefixing

Should you require build tools, they are included for developing Boosted and its docs, but they’re likely unsuitable for your own purposes.

Download source

Examples

If you want to download and examine our examples, you can grab the already built examples:

Download Examples

Boosted CDN

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://cdn.jsdelivr.net/npm/boosted@4.5.3/dist/css/boosted.min.css" integrity="sha384-2x94UsUfEIjfJm4eAvt3wXrWUC/pAef/uLL2Q6KkHM9bgnm7fHaLTVOfjHlijBJS" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/boosted@4.5.3/dist/js/boosted.bundle.min.js" integrity="sha384-hQFBUEXKv1tPjGNFpCctXthNheXFWEyT+cKHsR5+8VYwGoe2L0SIaDNXDpE1LlTK" crossorigin="anonymous"></script>

If you’re using our compiled JavaScript and prefer to include Popper.js separately, add Popper.js before our JS, via a CDN preferably.

<!-- In your <head> -->
<link rel="preconnect" href="https://code.jquery.com" crossorigin="anonymous">
<link rel="preconnect" href="https://cdnjs.cloudflare.com" 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://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tablesorter@2.31.3/dist/js/jquery.tablesorter.min.js" integrity="sha384-+PEWXCk8F17zxsQsEjkuHjUN4yFMHv03eKxKLrqwDql8FJQM0NeSvHRZFVLfXyn7" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js" integrity="sha384-llVNZVxgabZyf5ZeGs3m2QcNbEE0UK1PBKM6ZoJmWK5BuBpqZUXpN1nWXd0SrAC5" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/boosted@4.5.3/dist/js/boosted.min.js" integrity="sha384-dZ5yFPu4JLOG6APRar263bUkZl+uDJl2LWBDXvSyVocYb4g2FJrT0BxpETyjdqtj" crossorigin="anonymous"></script>

Ressource Hints

Make sure to use preconnect ressource hint where appropriate (only when given URL will be used).

Package managers

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.

npm

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.

Boosted’s 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)

yarn

Install Boosted in your Node.js powered apps with the yarn package:

yarn add boosted

Composer

You can also install and manage Boosted’s Sass and JavaScript using Composer:

composer require orange-opensource/orange-boosted-bootstrap:4.5.3

NuGet

If you develop in .NET, you can also install and manage Boosted’s CSS or Sass and JavaScript using NuGet:

Install-Package boosted
Install-Package boosted.sass