HOME HTML CSS Javascript PHP Laravel

What is Bootstrap ?

Hello guys ! today we will learn about bootstrap 4 !

  • Bootstrap is a popular open source front-end framework used for developing responsive and mobile friendly websites and web applications !
  • It includes HTML , CSS , JAVASCRIPT as well !It isone kind of free front-end framework used by developers !
  • Bottstrap 4 is released in 2018 , as an upgrade to Bootstrap 3 . Bootstrap 5 is the newest version of boot strap , released in 2021 .

Why Bootstrap is so popular ?

  1. Responsive greed system
  2. Pre-style components
  3. CSS stylesheets
  4. JavaScripts plugins
  5. Customization

Where to get Bootstrap ?

  • There are two ways to get bootstrap 4 .
  • Getting bootstrap CDN link
  • Download Bootstrap 4 package

Getting bootstrap CDN link : 



<!--CSS LINK-->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">

<!--JS LINKS-->

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

<!-- jQuery library -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"></script>

2) Download Bootstrap 4 package :

Download bootstrap 4 version from bootstrap's site . link - https://getbootstrap.com/