HTML
, and others.
code Place the <link>
tag in the <head>
for our CSS, and the <script>
tag for our JavaScript bundle (including Popper for positioning dropdowns, poppers, and tooltips) before the closing </body>
. Learn more about our CDN links.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<h1>Hello, world!</h1>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
</body>
</html>
You can also include Popper and our JS separately. If you donβt plan to use dropdowns, popovers, or tooltips, save some kilobytes by not including Popper.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
<h1>your text here<h1>
Link_href="#"
buttonhref="
here"
<a class="btn btn-primary" href="#" role="button">Link</a>
here is the code to insert image:
<img src="..." class="img-fluid" alt="...">
put the file name on alt and src, but you have to add file type after the name in src (like github .png)
here is the code to add alert:
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"</button>
</div>
form_href="#"
Warning! this site is in construction.
welcome to learn
this is where you could learn coding with languages such as word blocks,
HTML
, and others.
Hello! π nice to meet you! welcome to your new learning webpage.π€π±