1
1
<!DOCTYPE html>
2
- < html xlmns :th ="http://www.thymeleaf.org ">
2
+ < html xmlns :th ="http://www.thymeleaf.org ">
3
3
< head >
4
4
< meta charset ="ISO-8859-1 ">
5
5
< title > Mipaginaweb</ title >
6
- < link rel ="stylesheet " href ="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css " integrity ="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T " crossorigin ="anonymous ">
7
- < h1 >
8
- SI
9
- </ h1 >
10
- < nav class ="navbar navbar-expand-lg navbar-light bg-light ">
11
- < a class ="navbar-brand " href ="# "> Inicio</ a >
12
- < button class ="navbar-toggler " type ="button " data-toggle ="collapse "
13
- data-target ="#navbarSupportedContent "
14
- aria-controls ="navbarSupportedContent " aria-expanded ="false "
15
- aria-label ="Toggle navigation ">
16
- < span class ="navbar-toggler-icon "> </ span >
17
- </ button >
18
-
19
- < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
20
- < ul class ="navbar-nav mr-auto ">
21
- < li class ="nav-item active "> < a class ="nav-link " href ="# "> Home
22
- < span class ="sr-only "> (current)</ span >
23
- </ a > </ li >
24
- < li class ="nav-item "> < a class ="nav-link " href ="# "> Link</ a > </ li >
25
- < li class ="nav-item dropdown "> < a
26
- class ="nav-link dropdown-toggle " href ="# " id ="navbarDropdown "
27
- role ="button " data-toggle ="dropdown " aria-haspopup ="true "
28
- aria-expanded ="false "> Dropdown </ a >
29
- < div class ="dropdown-menu " aria-labelledby ="navbarDropdown ">
30
- < a class ="dropdown-item " href ="# "> Action</ a > < a
31
- class ="dropdown-item " href ="# "> Another action</ a >
32
- < div class ="dropdown-divider "> </ div >
33
- < a class ="dropdown-item " href ="# "> Something else here</ a >
34
- </ div > </ li >
35
- < li class ="nav-item "> < a class ="nav-link disabled " href ="# "
36
- tabindex ="-1 " aria-disabled ="true "> Disabled</ a > </ li >
37
- </ ul >
38
- < form class ="form-inline my-2 my-lg-0 ">
39
- < input class ="form-control mr-sm-2 " type ="search "
40
- placeholder ="Search " aria-label ="Search ">
41
- < button class ="btn btn-outline-success my-2 my-sm-0 " type ="submit "> Search</ button >
42
- </ form >
43
- </ div >
44
- </ nav >
6
+ < link rel ="stylesheet "
7
+ href ="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css "
8
+ integrity ="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T "
9
+ crossorigin ="anonymous ">
45
10
</ head >
46
11
< body >
47
12
48
- practicando SI
13
+ < nav class ="navbar navbar-expand-lg navbar-light bg-light ">
14
+ < a class ="navbar-brand " href ="# "> Inicio</ a >
15
+ < button class ="navbar-toggler " type ="button " data-toggle ="collapse "
16
+ data-target ="#navbarSupportedContent "
17
+ aria-controls ="navbarSupportedContent " aria-expanded ="false "
18
+ aria-label ="Toggle navigation ">
19
+ < span class ="navbar-toggler-icon "> </ span >
20
+ </ button >
49
21
22
+ < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
23
+ < ul class ="navbar-nav mr-auto ">
24
+ < li class ="nav-item active "> < a class ="nav-link " href ="# "> Home
25
+ < span class ="sr-only "> (current)</ span >
26
+ </ a > </ li >
27
+ < li class ="nav-item "> < a class ="nav-link " href ="# "> Link</ a > </ li >
28
+ < li class ="nav-item dropdown "> < a
29
+ class ="nav-link dropdown-toggle " href ="# " id ="navbarDropdown "
30
+ role ="button " data-toggle ="dropdown " aria-haspopup ="true "
31
+ aria-expanded ="false "> Dropdown </ a >
32
+ < div class ="dropdown-menu " aria-labelledby ="navbarDropdown ">
33
+ < a class ="dropdown-item " href ="# "> Action</ a > < a
34
+ class ="dropdown-item " href ="# "> Another action</ a >
35
+ < div class ="dropdown-divider "> </ div >
36
+ < a class ="dropdown-item " href ="# "> Something else here</ a >
37
+ </ div > </ li >
38
+ < li class ="nav-item "> < a class ="nav-link disabled " href ="# "
39
+ tabindex ="-1 " aria-disabled ="true "> Disabled</ a > </ li >
40
+ </ ul >
41
+ < form class ="form-inline my-2 my-lg-0 ">
42
+ < input class ="form-control mr-sm-2 " type ="search "
43
+ placeholder ="Search " aria-label ="Search ">
44
+ < button class ="btn btn-outline-success my-2 my-sm-0 " type ="submit "> Search</ button >
45
+ </ form >
46
+ </ div >
47
+ </ nav >
48
+ < main class ="container ">
49
+ < h1 > SI</ h1 >
50
+ practicando SI
51
+
52
+ < ul >
53
+ < li th:each ="libro : ${libros} " th:text ="${libro.autor.nombre} + ' ' + ${libro.nombre} ">
54
+ </ ul >
55
+ </ main >
50
56
</ body >
51
- < footer >
52
-
53
- < hr >
54
- < h20 > hecho por un ovni 2020</ h20 >
55
-
56
- </ footer >
57
57
</ html >
0 commit comments