Step by step guide on how to install
NPM or Yarn
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
yarn, in your command line type:
npm install --save cdbootstrap
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
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
<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"/>
<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.