From ef0437456dfe7a4c7b3272806e12bafc76487ea9 Mon Sep 17 00:00:00 2001
From: Suh <enjoylife727@gmail.com>
Date: Mon, 8 Jan 2024 12:19:25 +0900
Subject: [PATCH] =?UTF-8?q?bootstrap=20=EC=84=A4=EB=AA=85=EC=9D=84=20?=
 =?UTF-8?q?=EC=9C=84=ED=95=9C=20html=20=EC=B6=94=EA=B0=80=20layout=5Fdev?=
 =?UTF-8?q?=5Fbootstrap.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/static/css/base.css        |   2 +-
 .../static/dev/authority_list_dev.html        | 102 +++++++++---------
 src/main/resources/static/dev/base.css        |   2 +-
 .../static/dev/layout_dev_bootstrap.html      |  42 ++++++++
 4 files changed, 96 insertions(+), 52 deletions(-)
 create mode 100644 src/main/resources/static/dev/layout_dev_bootstrap.html

diff --git a/src/main/resources/static/css/base.css b/src/main/resources/static/css/base.css
index fd8de10..5e56a4d 100644
--- a/src/main/resources/static/css/base.css
+++ b/src/main/resources/static/css/base.css
@@ -11,7 +11,7 @@
     font-size : 1.2rem;
 }
 .body-bg{
-    background-color : darkseagreen;
+
 }
 .form-select{
     width:auto;
diff --git a/src/main/resources/static/dev/authority_list_dev.html b/src/main/resources/static/dev/authority_list_dev.html
index b3356dc..e33e3f7 100644
--- a/src/main/resources/static/dev/authority_list_dev.html
+++ b/src/main/resources/static/dev/authority_list_dev.html
@@ -201,58 +201,60 @@
                                         <hr>
                                     </div>
                                 </div>
-                                <div class="col-12">
-                                    <div class="container">
-                                        <div class="row">
-                                            <div class="col-4">
-                                                <!-- 탭 부분 -->
-                                                <ul class="nav nav-tabs" id="myTab" role="tablist">
-                                                    <li class="nav-item" role="presentation">
-                                                        <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">그룹 권한</button>
-                                                    </li>
-                                                    <li class="nav-item" role="presentation">
-                                                        <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">개인 권한</button>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            <div class="col-8">
-                                                <div id="div_group_search" class="text-end">
-                                                    <select name="search_select" class="form-select d-inline">
-                                                        <option selected value="10">10</option>
-                                                        <option value="20">20</option>
-                                                        <option value="30">30</option>
-                                                    </select>
-                                                    <input id="search_input" type="text" class="w-60 d-inline form-control" placeholder="검색">
-                                                    <button id="search_btn" type="button" class="btn btn-primary">검색</button>
+                                <div class="row">
+                                    <div class="col-12">
+                                        <div class="container">
+                                            <div class="row">
+                                                <div class="col-4">
+                                                    <!-- 탭 부분 -->
+                                                    <ul class="nav nav-tabs" id="myTab" role="tablist">
+                                                        <li class="nav-item" role="presentation">
+                                                            <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">그룹 권한</button>
+                                                        </li>
+                                                        <li class="nav-item" role="presentation">
+                                                            <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">개인 권한</button>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                                <div class="col-8">
+                                                    <div id="div_group_search" class="text-end">
+                                                        <select name="search_select" class="form-select d-inline">
+                                                            <option selected value="10">10</option>
+                                                            <option value="20">20</option>
+                                                            <option value="30">30</option>
+                                                        </select>
+                                                        <input id="search_input" type="text" class="w-60 d-inline form-control" placeholder="검색">
+                                                        <button id="search_btn" type="button" class="btn btn-primary">검색</button>
+                                                    </div>
                                                 </div>
                                             </div>
-                                        </div>
-                                        <div class="row">
-                                            <div class="col-12">
-                                                <div class="tab-content" id="myTabContent">
-                                                    <div class="tab-pane fade show active" id="group_authority_tab" role="tabpanel" aria-labelledby="group-authority-tab">
-                                                        <table class="table" >
-                                                            <thead class="table-dark">
-                                                            <tr><th>번호</th><th>권한 명</th></tr>
-                                                            </thead>
-                                                            <tbody>
-                                                            <tr><td>1</td><td>사장 권한</td></tr>
-                                                            <tr><td>2</td><td>관리자 권한</td></tr>
-                                                            <tr><td>3</td><td>사원 권한</td></tr>
-                                                            </tbody>
-                                                        </table>
-                                                    </div>
-                                                    <div class="tab-pane fade" id="personal_authority_tab" role="tabpanel" aria-labelledby="personal-authority-tab">
-                                                        <table class="table" >
-                                                            <thead class="table-dark">
-                                                            <tr><th>번호</th><th>id</th><th>이름</th><th>권한 명</th></tr>
-                                                            </thead>
-                                                            <tbody>
-                                                            <tr><td>1</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
-                                                            <tr><td>2</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
-                                                            <tr><td>3</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
-                                                            </tbody>
-                                                        </table>
+                                            <div class="row">
+                                                <div class="col-12">
+                                                    <div class="tab-content" id="myTabContent">
+                                                        <div class="tab-pane fade show active" id="group_authority_tab" role="tabpanel" aria-labelledby="group-authority-tab">
+                                                            <table class="table" >
+                                                                <thead class="table-dark">
+                                                                <tr><th>번호</th><th>권한 명</th></tr>
+                                                                </thead>
+                                                                <tbody>
+                                                                <tr><td>1</td><td>사장 권한</td></tr>
+                                                                <tr><td>2</td><td>관리자 권한</td></tr>
+                                                                <tr><td>3</td><td>사원 권한</td></tr>
+                                                                </tbody>
+                                                            </table>
+                                                        </div>
+                                                        <div class="tab-pane fade" id="personal_authority_tab" role="tabpanel" aria-labelledby="personal-authority-tab">
+                                                            <table class="table" >
+                                                                <thead class="table-dark">
+                                                                <tr><th>번호</th><th>id</th><th>이름</th><th>권한 명</th></tr>
+                                                                </thead>
+                                                                <tbody>
+                                                                <tr><td>1</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
+                                                                <tr><td>2</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
+                                                                <tr><td>3</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
+                                                                </tbody>
+                                                            </table>
+                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
diff --git a/src/main/resources/static/dev/base.css b/src/main/resources/static/dev/base.css
index fd8de10..5e56a4d 100644
--- a/src/main/resources/static/dev/base.css
+++ b/src/main/resources/static/dev/base.css
@@ -11,7 +11,7 @@
     font-size : 1.2rem;
 }
 .body-bg{
-    background-color : darkseagreen;
+
 }
 .form-select{
     width:auto;
diff --git a/src/main/resources/static/dev/layout_dev_bootstrap.html b/src/main/resources/static/dev/layout_dev_bootstrap.html
new file mode 100644
index 0000000..b67b4ba
--- /dev/null
+++ b/src/main/resources/static/dev/layout_dev_bootstrap.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <script src="base.js"></script>
+  <link rel="stylesheet" href="base.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+  <script src="https://unpkg.com/feather-icons"></script>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>No1 WMS</title>
+
+</head>
+<body>
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-2 bg-info">
+      <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+
+
+    </div>
+    <div class="col-10 bg-light">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-6">
+
+          </div>
+          <div class="col-6">
+
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
\ No newline at end of file