Installation Methods in Bootstrap
From the Bootstrap 5 cheat sheet · Getting Started · verified Jul 2026
Installation Methods
Different ways to include Bootstrap in your project
html
<!-- CDN (Quick Start) -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- NPM Installation -->
npm install bootstrap
// Import in JavaScript
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.bundle.min.js'💡 Use bundle.min.js to include Popper.js for dropdowns and tooltips
⚡ CDN is fastest for prototyping, NPM for production apps
📌 Always include viewport meta tag for responsive design
🔥 Import only needed SCSS modules to reduce bundle size