Last active 1749810226

snakewa revised this gist 1749810226. Go to revision

4 files changed, 89 insertions

index.html(file created)

@@ -0,0 +1,70 @@
1 + <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
2 + <div class="container-fluid">
3 + <a class="navbar-brand" href="#">Navbar cool.md</a>
4 + <button
5 + class="navbar-toggler"
6 + type="button"
7 + data-bs-toggle="collapse"
8 + data-bs-target="#navbarsExampleDefault"
9 + aria-controls="navbarsExampleDefault"
10 + aria-expanded="false"
11 + aria-label="Toggle navigation"
12 + >
13 + <span class="navbar-toggler-icon"></span>
14 + </button>
15 +
16 + <div class="collapse navbar-collapse" id="navbarsExampleDefault">
17 + <ul class="navbar-nav me-auto mb-2 mb-md-0">
18 + <li class="nav-item active">
19 + <a class="nav-link" aria-current="page" href="#">Home</a>
20 + </li>
21 + <li class="nav-item">
22 + <a class="nav-link" href="#">Link</a>
23 + </li>
24 + <li class="nav-item">
25 + <a
26 + class="nav-link disabled"
27 + href="#"
28 + tabindex="-1"
29 + aria-disabled="true"
30 + >Disabled</a
31 + >
32 + </li>
33 + <li class="nav-item dropdown">
34 + <a
35 + class="nav-link dropdown-toggle"
36 + href="#"
37 + id="dropdown01"
38 + data-bs-toggle="dropdown"
39 + aria-expanded="false"
40 + >Dropdown</a
41 + >
42 + <ul class="dropdown-menu" aria-labelledby="dropdown01">
43 + <li><a class="dropdown-item" href="#">Action</a></li>
44 + <li><a class="dropdown-item" href="#">Another action</a></li>
45 + <li><a class="dropdown-item" href="#">Something else here</a></li>
46 + </ul>
47 + </li>
48 + </ul>
49 + <form class="d-flex">
50 + <input
51 + class="form-control me-2"
52 + type="search"
53 + placeholder="Search"
54 + aria-label="Search"
55 + />
56 + <button class="btn btn-outline-success" type="submit">Search</button>
57 + </form>
58 + </div>
59 + </div>
60 + </nav>
61 +
62 + <main class="container">
63 + <div class="starter-template text-center py-5 px-3">
64 + <h1>Bootstrap starter template</h1>
65 + <p class="lead">
66 + Use this document as a way to quickly start any new project.<br />
67 + All you get is this text and a mostly barebones HTML document.
68 + </p>
69 + </div>
70 + </main>

scripts(file created)

@@ -0,0 +1 @@
1 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

style.css(file created)

@@ -0,0 +1,17 @@
1 + body {
2 + padding-top: 5rem;
3 + }
4 +
5 + .bd-placeholder-img {
6 + font-size: 1.125rem;
7 + text-anchor: middle;
8 + -webkit-user-select: none;
9 + -moz-user-select: none;
10 + user-select: none;
11 + }
12 +
13 + @media (min-width: 768px) {
14 + .bd-placeholder-img-lg {
15 + font-size: 3.5rem;
16 + }
17 + }

styles(file created)

@@ -0,0 +1 @@
1 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" />
Newer Older