Search...
graphql
react

Installation

Step by step guide on how to install cdbootstrap

NPM or Yarn

Prerequisites

Before starting project make sure to install Node LTS (12.x.x recommended).

Step 1: Navigate to your project's directory

Step 2: Install cdbootstrap using npm or yarn, in your command line type:

bash
npm install --save cdbootstrap

or

bash
yarn add cdbootstrap

Note that after installation you have access to all the cdbootstrap resources and do not have to go through the step below

CDN

Installation via CDN is one of the easiest methods of integrating CDBootstrap UI KIT with your project. Just copy the latest compiled JS script tag and CSS link tag to the application. Add cdbootstrap to your project from our cdn directly into your html file

CSS

CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cdbootstrap/css/bootstrap.min.css"/>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cdbootstrap/css/cdb.min.css"/>

JS

js
<script src="https://cdn.jsdelivr.net/npm/cdbootstrap/js/bootstrap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/cdbootstrap/js/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/cdbootstrap/js/cdb.min.js"></script>

Launch your app.

Build modern projects using Bootstrap 5 and Contrast

Trying to create components and pages for a web app or website from scratch while maintaining a modern User interface can be very tedious. This is why we created Contrast, to help drastically reduce the amount of time we spend doing that. so we can focus on building some other aspects of the project.

Contrast Bootstrap PRO consists of a Premium UI Kit Library featuring over 10000+ component variants. Which even comes bundled together with its own admin template comprising of 5 admin dashboards and 23+ additional admin and multipurpose pages for building almost any type of website or web app.
See a demo and learn more about Contrast Bootstrap Pro by clicking here.

Next
Getting Started