-
Notifications
You must be signed in to change notification settings - Fork 0
/
bootstrap.html
37 lines (34 loc) · 1.12 KB
/
bootstrap.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous">
</script>
<meta>
<meta>
<style>
.oval-image{
width: 275px;
height: 200px;
border-radius: 50%;
object-fit: cover;
}
</style>
</head>
<body>
<p class="text-white bg-info">This is a paragraph.</p>
<p class="text-black bg-warning" >This is a paragraph.</p>
<img src="Inner Directory/human.jpg" class="oval-image mx-auto d-block" alt="Human">
<br>
<button type="button" class="btn-primary mx-auto d-block">Primary</button>
<br>
<div class="row">
<div class="col-md-3 bg-success text-black">1</div>
<div class="col-md-6 bg-warning text-black">2</div>
<div class="col-md-3 bg-success text-black">3</div>
</div>
</body>
</html>