-
Notifications
You must be signed in to change notification settings - Fork 1
/
float.html
25 lines (23 loc) · 1.46 KB
/
float.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Belajar Bootstrap</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
</head>
<body>
<div class="float-start float-lg-end bg-success" style="height: 100px; width: 100px">
Contoh
</div>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At debitis doloremque eos esse eum expedita, explicabo hic iusto libero modi nihil nulla, odit pariatur quisquam, ratione reprehenderit saepe veniam voluptas?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias autem, deleniti excepturi facilis laboriosam laborum, neque nisi obcaecati qui, quidem sed tenetur ullam voluptas. Dolore magnam maiores molestias saepe vitae.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem debitis eligendi et eum id impedit inventore, magnam, minus neque obcaecati praesentium quis rerum saepe tenetur ut. Aperiam ex praesentium soluta.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus excepturi exercitationem iusto mollitia natus quae reiciendis veritatis voluptates! Alias assumenda facere iusto laboriosam minima necessitatibus pariatur provident rerum sequi, voluptatibus?
</div>
<script src="bootstrap/js/bootstrap.bundle.js"></script>
</body>
</html>