bootstrap 5

Solutions on MaxInterview for bootstrap 5 by the best coders in the world

showing results for - "bootstrap 5"

17 Feb 2017

1<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
2

source

Maria

03 Oct 2019

1<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
2

source

Perrine

12 Sep 2020

1<!-- Bootstrap 5 Starter template -->
2<!DOCTYPE html>
3<html lang="en">
4   <head>
5      <!-- Required meta tags -->
6      <meta charset="utf-8" />
7      <meta name="viewport" content="width=device-width, initial-scale=1" />
8
9      <!-- Bootstrap CSS -->
10      <link
11         href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
12         rel="stylesheet"
13         integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
14         crossorigin="anonymous"
15      />
16
17      <title>Hello, world!</title>
18   </head>
19   <body>
20      <h1>Hello, world!</h1>
21
22      <!-- Optional JavaScript; choose one of the two! -->
23
24      <!-- Option 1: Bootstrap Bundle with Popper -->
25      <script
26         src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
27         integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
28         crossorigin="anonymous"
29      ></script>
30
31      <!-- Option 2: Separate Popper and Bootstrap JS -->
32      <!--
33    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
34    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
35    -->
36   </body>
37</html>

source

Petra

19 Feb 2018

1<!doctype html>
2<html lang="en">
3  <head>
4    <!-- Required meta tags -->
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7
8    <!-- Bootstrap CSS -->
9    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
10
11    <title>Hello, world!</title>
12  </head>
13  <body>
14    <h1>Hello, world!</h1>
15
16    <!-- Optional JavaScript; choose one of the two! -->
17
18    <!-- Option 1: Bootstrap Bundle with Popper -->
19    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
20
21    <!-- Option 2: Separate Popper and Bootstrap JS -->
22    <!--
23    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
24    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
25    -->
26  </body>
27</html>
28

source

Elisa

06 Feb 2018

1<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasBottom" aria-controls="offcanvasBottom">Toggle bottom offcanvas</button>
2
3<div class="offcanvas offcanvas-bottom" tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel">
4  <div class="offcanvas-header">
5    <h5 class="offcanvas-title" id="offcanvasBottomLabel">Offcanvas bottom</h5>
6    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
7  </div>
8  <div class="offcanvas-body small">
9    ...
10  </div>
11</div>

source

Westin

01 May 2016

1<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">Toggle top offcanvas</button>
2
3<div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
4  <div class="offcanvas-header">
5    <h5 id="offcanvasTopLabel">Offcanvas top</h5>
6    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
7  </div>
8  <div class="offcanvas-body">
9    ...
10  </div>
11</div>

source

Domenico

16 Feb 2019

1<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
2  <div class="carousel-inner">
3    <div class="carousel-item active">
4      <img src="..." class="d-block w-100" alt="...">
5    </div>
6    <div class="carousel-item">
7      <img src="..." class="d-block w-100" alt="...">
8    </div>
9    <div class="carousel-item">
10      <img src="..." class="d-block w-100" alt="...">
11    </div>
12  </div>
13  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
14    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
15    <span class="visually-hidden">Previous</span>
16  </button>
17  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
18    <span class="carousel-control-next-icon" aria-hidden="true"></span>
19    <span class="visually-hidden">Next</span>
20  </button>
21</div>

source

Emiliano

24 Aug 2017

1<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
2

source

queries leading to this page