Bootstrap Introduction #Part 1

Bootstrap Introduction #Part 1




What is a Bootstrap ??

        Bootstrap is a front-end framework used to create modern websites and web apps. Bootstrap contains HTML, CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. It widely used for making responsive websites. 

How can i use Bootstrap ??

        We can use Bootstrap to our projects in two ways. first method is a use CDN link and second method is a downloading Bootstrap fill locally and link to projects.

Using CDN

       Copy the below link and past into HTML document.


<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" >

Downloading files locally

       Go to the official Bootstrap website and download the file and use it. 

Go to website click here!!!


Example

Simple Button Tag

<button>HTML</button>

Button Tag with Bootstrap

<button class="btn bg-primary">Bootstrap</button>

To check the deference

      Copy CDN link to compiler with <link> Tag. And copy both button Tag. Compiler given in below 👇. 




Try it Yourself...

what you think about this article ??

Post a Comment

Previous Post Next Post