Check

Include Boosted Innovation Cup via CDN or with your favorite package managers like npm or yarn.

On this page

CDN via jsDelivr

Skip the download with jsDelivr to deliver cached version of Boosted Innovation Cup’s compiled CSS and JS to your project.

<link href="https://cdn.jsdelivr.net" rel="preconnect" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/boosted-innovation-cup@0.2.0/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-C0lIBXTYwQ+Y0KEO4aObdBe4EjZtkXboD/YXJFboAgEa80o2GhMcoNy/ulmPlB87" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/boosted-innovation-cup@0.2.0/dist/js/boosted.bundle.min.js" integrity="sha384-9dB2H9dNdTHmEHfXuN4MtK59lBhItgzv4p2GfYpYYA/Wg6YcE/tZLN0tswiyTtp4" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/boosted-innovation-cup@0.2.0/dist/js/boosted.min.js" integrity="sha384-KTprGk3P/G9PhvRyQ9N5Jo/xS++LElHoAweU8tWtKgtXO0bIvJlQCcCbJc2Bzzyl" crossorigin="anonymous"></script>

Resource Hints

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

Package managers

Pull in Boosted Innovation Cup’s source files into nearly any project with some of the most popular package managers. No matter the package manager, Boosted Innovation Cup will require a Sass compiler and Autoprefixer for a setup that matches our official compiled version.

npm

Install Boosted Innovation Cup in your Node.js powered apps with the npm package:

npm install boosted-innovation-cup@v0.2.0

const boosted = require('boosted') or import boosted from 'boosted' will load all of Boosted Innovation Cup’s plugins onto a boosted object. The boosted module itself exports all of our plugins. You can manually load Boosted Innovation Cup’s plugins individually by loading the /js/dist/*.js files under the package’s top-level directory.

Boosted Innovation Cup’s package.json contains some additional metadata under the following keys:

  • sass - path to Boosted Innovation Cup’s main Sass source file
  • style - path to Boosted Innovation Cup’s non-minified CSS that’s been compiled 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.

yarn

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

yarn add boosted-innovation-cup@v0.2.0