​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
5
​
6
<style>
7
body {
8
padding-top: 1em;
9
}
10
</style> <div class="container-fluid">
11
12
<!-- Styles (so that we can see the grid) -->
13
<style>
14
.bs-example  div[class^="col"] {
15
    border: 1px solid white;
16
    background: #f5f5f5;
17
    text-align: center;
18
    padding-top: 8px;
19
    padding-bottom: 8px;
20
    }
21
</style>
22
<div class="bs-example">
23
    <!-- Bootstrap Grid -->
24
    <div class="row">
25
      <div class="col-md-1">.col-md-1</div>
26
      <div class="col-md-1">.col-md-1</div>
27
      <div class="col-md-1">.col-md-1</div>
28
      <div class="col-md-1">.col-md-1</div>
29
      <div class="col-md-1">.col-md-1</div>
30
      <div class="col-md-1">.col-md-1</div>
31
      <div class="col-md-1">.col-md-1</div>
32
      <div class="col-md-1">.col-md-1</div>
33
      <div class="col-md-1">.col-md-1</div>
34
      <div class="col-md-1">.col-md-1</div>
35
      <div class="col-md-1">.col-md-1</div>
36
      <div class="col-md-1">.col-md-1</div>
37
    </div>
38
    <div class="row">
39
      <div class="col-md-2">.col-md-2</div>
40
      <div class="col-md-3">.col-md-3</div>
41
      <div class="col-md-7">.col-md-7</div>
42
    </div>
43
    <div class="row">
44
      <div class="col-md-4">.col-md-4</div>
45
      <div class="col-md-4">.col-md-4</div>
46
      <div class="col-md-4">.col-md-4</div>
47
    </div>
48
    <div class="row">
49
      <div class="col-md-5">.col-md-5</div>
50
      <div class="col-md-7">.col-md-7</div>
51
    </div>
52
    <div class="row">
53
      <div class="col-md-6">.col-md-6</div>
54
      <div class="col-md-6">.col-md-6</div>
55
    </div>
56
    <div class="row">
57
      <div class="col-md-12">.col-md-12</div>
58
    </div>
59
</div>
60
​
61
</div>
62
63
<!-- Bundled -->
64
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>