elex/bootstrap-5-examples
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mmm

Browse Source
This commit is contained in:
Elex
2021-08-09 15:44:07 +09:00
parent aba4aa4660
commit 4ae34e03dd
8 changed files with 101 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
examples/buttons.html
View File

@@ -14,7 +14,16 @@
<h1>Hello, world!</h1>
<p>Hello</p>
<button type="button" class="btn btn-primary">버튼</button>
<button
type="button"
class="btn btn-primary"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Tooltip on top"
>
버튼
</button>
<script src="../dist/main.js"></script>
</body>
</html>

51
examples/forms.html Normal file
View File

@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<link href="../dist/main.css" rel="stylesheet" />
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<div class="container">
<form>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label"
>Email address</label
>
<input
type="email"
class="form-control"
id="exampleInputEmail1"
aria-describedby="emailHelp"
/>
<div id="emailHelp" class="form-text">
We'll never share your email with anyone else.
</div>
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Password</label>
<input
type="password"
class="form-control"
id="exampleInputPassword1"
/>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1" />
<label class="form-check-label" for="exampleCheck1"
>Check me out</label
>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<script src="../dist/main.js"></script>
</body>
</html>

22
examples/layout.html Normal file
View File

@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<link href="../dist/main.css" rel="stylesheet" />
<title>Hello, world!</title>
</head>
<body>
<nav
class="navbar navbar-expand fixed-top navbar-dark bg-primary shadow-sm"
>
<h1 class="navbar-brand">Elex</h1>
</nav>
<script src="../dist/main.js"></script>
</body>
</html>