Skip to content

Commit 5e445b8

Browse files
jwoolbright23jwoolbright23
committed
added bootstrap
1 parent 67ab119 commit 5e445b8

4 files changed

Lines changed: 27 additions & 15 deletions

File tree

‎src/main/resources/templates/events/create.html‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,20 @@
11
<!DOCTYPE html>
22
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
33
<head th:replace="fragments :: head"></head>
4-
<body>
4+
<body class="container">
55

66
<header th:replace="fragments :: header"></header>
77

88
<form method="post">
9-
<input type="text" name="eventName">
10-
<input type="submit" value="Create">
9+
<div class="form-group">
10+
<label> Name
11+
<input type="text" name="eventName" class="form-control">
12+
</label>
13+
</div>
14+
<br>
15+
<div class="form-group">
16+
<input type="submit" value="Create" class="btn btn-success">
17+
</div>
1118
</form>
1219

1320
</body>

‎src/main/resources/templates/events/index.html‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,20 @@
11
<!DOCTYPE html>
22
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
33
<head th:replace="fragments :: head"></head>
4-
<body>
4+
<body class="container">
55

66
<header th:replace="fragments :: header"></header>
77

8-
<ul>
9-
<th:block th:each="event : ${events}">
10-
<li th:text="${event}"></li>
11-
</th:block>
12-
</ul>
8+
<table class="table table-striped">
9+
<thead>
10+
<tr>
11+
<th>Name</th>
12+
</tr>
13+
</thead>
14+
<tr th:each="event : ${events}">
15+
<td th:text="${event}"></td>
16+
</tr>
17+
</table>
1318

1419
</body>
1520
</html>

‎src/main/resources/templates/fragments.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33
<head th:fragment="head">
44
<meta charset="UTF-8"/>
55
<title>Coding Events</title>
6-
<link rel="stylesheet" th:href="@{/styles.css}">
7-
<script th:src="@{/script.js}"></script>
6+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
7+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
88
</head>
99
<body>
1010

1111
<nav th:fragment="header">
1212
<h1 th:text="${title}">Coding Events</h1>
13-
<ul>
14-
<li><a href="/events">All Events</a></li>
15-
<li><a href="/events/create">Create Event</a></li>
13+
<ul class="nav">
14+
<li class="nav-item"><a class="nav-link" href="/events">All Events</a></li>
15+
<li class="nav-item"><a class="nav-link" href="/events/create">Create Event</a></li>
1616
</ul>
1717
</nav>
1818

‎src/main/resources/templates/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
33
<head th:replace="fragments :: head"></head>
4-
<body>
4+
<body class="container">
55

66
<h1>Coding Events</h1>
77

0 commit comments

Comments
 (0)