이승윤 / OpenSource-MyCookBook

Go to a project
Toggle navigation Toggle navigation pinning
이승윤
5482bf2d 1 parent 534d5ac8

feat: bootstrap 추가

Inline Side-by-side
Showing 1 changed file with 19 additions and 21 deletions
...@@ -9,38 +9,36 @@ ...@@ -9,38 +9,36 @@
9 src="https://code.jquery.com/jquery-3.2.1.min.js" 9 src="https://code.jquery.com/jquery-3.2.1.min.js"
10 integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 10 integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
11 crossorigin="anonymous"></script> 11 crossorigin="anonymous"></script>
12 - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
13 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 12 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
14 <!--bootstrap js 추가 --> 13 <!--bootstrap js 추가 -->
15 - <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 14 + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
15 + integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
16 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
17 + integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
18 + crossorigin="anonymous"></script>
16 </head> 19 </head>
17 <body> 20 <body>
18 - <div class="container" style="margin-top: 15px;"> 21 + <div class="container-fluid" style="margin-top: 15px;">
22 + <nav class="navbar navbar-light" style="background-color: #e3f2fd;">
19 <div> 23 <div>
20 - <div class="navbar-header"> 24 + <div class="navbar-brand" style="float: left;">
21 - <!-- 오른쪽 메뉴바 --> 25 + <a href="/" class="nav-link">MyCookBook</a>
22 - <button type="button" class="collapsed navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9" aria-expanded="false">
23 - <span class="sr-only">Toggle navigation</span>
24 - <span class="icon-bar"></span>
25 - <span class="icon-bar"></span>
26 - <span class="icon-bar"></span>
27 - </button>
28 - <a href="/" class="navbar-brand">MyCookBook</a>
29 </div> 26 </div>
30 - <div class="collapse navbar-collapse"> 27 + <div class="navbar">
31 - <ul class="nav navbar-nav"> 28 + <ul class="nav">
32 - <li > 29 + <li class="nav-item">
33 - <a href="/">Home</a> 30 + <a class="nav-link" href="/">Home</a>
34 </li> 31 </li>
35 - <li><a href="/categori/products">Categori</a></li> 32 + <li class="nav-item"><a class="nav-link" href="/categori/products">Categori</a></li>
36 <% if(isLogin){%> 33 <% if(isLogin){%>
37 - <li><a href="/accounts/logout" onclick="return confirm('로그아웃 하시겠습니까?')">LOGOUT</a></li> 34 + <li class="nav-item"><a class="nav-link" href="/accounts/logout" onclick="return confirm('로그아웃 하시겠습니까?')">LOGOUT</a></li>
38 <%}else{%> 35 <%}else{%>
39 - <li><a href="/accounts/join">SignUp</a></li> 36 + <li class="nav-item"><a class="nav-link" href="/accounts/join">SignUp</a></li>
40 - <li><a href="/accounts/login">LOGIN</a></li> 37 + <li class="nav-item"><a class="nav-link" href="/accounts/login">LOGIN</a></li>
41 <%}%> 38 <%}%>
42 </ul> 39 </ul>
43 </div> 40 </div>
44 </div> 41 </div>
45 - <hr style=" border: 2px solid #4dabf7" /> 42 + </nav>
43 + <hr style=" border: 2px solid #4263eb" />
46 44
......