How to get Bootstrap CSS file | Web Dev

After started using Bootstrap by copy & pasting the CSS & JS CDN links I got curious to look into the various classes that are working under the hood!

This is how I looked into it:

  • Open the CSS file from the CDN link. Here's the LINK

  • Now you've to copy the codes and paste it into VS Code

  • But do not copy the whole file. It won't work. Copy from the 5th line where you'll see "[data-bs-theme=light]" and copy up to the 2nd last line

  • Create a .css file and paste it

  • Install the Prettier extension if you haven't

  • Now when you're on the .css file hit Alt + Shift + F to make the Prettier extension to do its job

  • Boom.. now you can see all the elements and classes in more than 11,000 lines of code

That's it!

Post a Comment

0 Comments