How to create a basic Modal component in Bootstrap ?
For that first, we have to import the following bootstrap CDN in our HTML file.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
<!– Bootstrap CSS –>
<link href=”https://firstname.lastname@example.org/dist/css/bootstrap.min.css” rel=”stylesheet” integrity=”sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU” crossorigin=”anonymous”>
<!– Bootstrap JS –>
<script src=”https://email@example.com/dist/js/bootstrap.bundle.min.js” integrity=”sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ” crossorigin=”anonymous”></script>
Example: In this example, we will see how to create a basic modal using the Bootstrap modal component.