.

src/Admin.js

@@ -72,7 +72,7 @@ function Admin() {
     }
     function handleClickQuiz() {
         let addQuiz = function () {
-            return <a className="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#Quiz4" role="tab" aria-controls="v-pills-settings" aria-selected="false">Quiz4</a>
+            return <a className="nav-link" id="Quiz4-tab" data-toggle="pill" href="#Quiz4" role="tab" >Quiz4</a>
         }
         setaddQuiz(addQuiz)
     }
@@ -84,20 +84,20 @@ function Admin() {
                 <div className="col-3">
                     <div className="container-fluid ">
                         <div className="navbar-header p-3">
-                            <p className="navbar-brand">관리자 페이지</p>
+                            <p className="navbar-brand ">관리자 페이지</p>
                         </div>
-                        <div className="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
+                        <div className="nav flex-column nav-pills" id="v-pills-tab" role="tablist">
 
                             <p className="navbar-text">관리자 설정 변경하기</p>
 
-                            <a className="nav-link" id="setting-tab" data-toggle='pill' href="#setting" role="tab" aria-controls="v-pills-home" aria-selected="false">Setting</a>
+                            <a className="nav-link" id="setting-tab" data-toggle='pill' href="#setting" role="tab">Setting</a>
 
 
                             <p className="navbar-text">Quiz 입력하기</p>
 
-                            <a className="nav-link" id="Quiz1-tab" data-toggle="pill" href="#Quiz1" role="tab" aria-controls="v-pills-profile" aria-selected="false">Quiz1</a>
-                            <a className="nav-link" id="Quiz2-tab" data-toggle="pill" href="#Quiz2" role="tab" aria-controls="v-pills-messages" aria-selected="false">Quiz2</a>
-                            <a className="nav-link" id="Quiz3-tab" data-toggle="pill" href="#Quiz3" role="tab" aria-controls="v-pills-settings" aria-selected="false">Quiz3</a>
+                            <a className="nav-link" id="Quiz1-tab" data-toggle="pill" href="#Quiz1" role="tab" >Quiz1</a>
+                            <a className="nav-link" id="Quiz2-tab" data-toggle="pill" href="#Quiz2" role="tab" >Quiz2</a>
+                            <a className="nav-link" id="Quiz3-tab" data-toggle="pill" href="#Quiz3" role="tab" >Quiz3</a>
                             {addQuiz}
                             <button class="btn btn-danger navbar-btn" onClick={handleClickQuiz} >Quiz 추가</button>
 
@@ -143,7 +143,7 @@ function Admin() {
 
                         </div>
 
-                        <div className="tab-pane fade show active" id="Quiz1" role="tabpanel" aria-labelledby="v-pills-profile-tab">
+                        <div className="tab-pane fade" id="Quiz1" role="tabpanel" aria-labelledby="v-pills-profile-tab">
 
                             <div className="container">
                                 <div className="row d-flex justify-content-center">