|
|
@@ -0,0 +1,56 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <button type="button" class="btn btn-primary">Primary</button>
|
|
|
+
|
|
|
+
|
|
|
+ <form class="row row-cols-lg-auto g-3 align-items-center">
|
|
|
+ <div class="col-12">
|
|
|
+ <label class="visually-hidden" for="inlineFormInputGroupUsername">Username</label>
|
|
|
+ <div class="input-group">
|
|
|
+ <div class="input-group-text">@</div>
|
|
|
+ <input type="text" class="form-control" id="inlineFormInputGroupUsername" placeholder="Username">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-12">
|
|
|
+ <button type="submit" class="btn btn-primary">Submit</button>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ <table class="table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">#</th>
|
|
|
+ <th scope="col">First</th>
|
|
|
+ <th scope="col">Last</th>
|
|
|
+ <th scope="col">Handle</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody class="table-group-divider">
|
|
|
+ <tr class="table-active">
|
|
|
+ <th scope="row">1</th>
|
|
|
+ <td> <input type="checkbox"> </td>
|
|
|
+ <td>Otto</td>
|
|
|
+ <td>@mdo</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="row">2</th>
|
|
|
+ <td>Jacob</td>
|
|
|
+ <td>Thornton</td>
|
|
|
+ <td>@fat</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="row">3</th>
|
|
|
+ <td colspan="2">Larry the Bird</td>
|
|
|
+ <td>@twitter</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+</body>
|
|
|
+</html>
|
