4 글 보임 - 1 에서 4 까지 (총 4 중에서)
-
<body class="main-background"> <nav class="side-navi"> <ul> <li> <i class="fas fa-house-user"></i> <p>Home</p> </li> <li> <i class="fas fa-headset"></i> <p>Services</p> </li> <li><i class="fas fa-flag"></i>Alerts</li> <li> <i class="bi bi-pie-chart-fill"></i> <p>Stats</p> </li> </ul> <div style="clear: both"></div> </nav> <nav class="main-navi"> <from class="search-box" action="" method="get"> <input type="search-box" type="text" name="" placeholeder="Search" /> <button class="search-btn" type="submit"> <i class="bi bi-search"></i> </button> </from> </nav> <div class="main-container"> <div class="row"> <h1>Dashboard</h1> <div class="col-3"></div> <div class="col-3"></div> <div class="col-3"></div> <div class="col-3"></div> </div> </div> <div class="overview"></div> <div class="tasks"></div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous" ></script> </body> --------------------------------------------------------------------------------------------------------------------------------- .main-background { background-color: rgb(233, 228, 228); }.main-navi { padding: 10px; height: 50px; background-color: white; color: rgb(214, 211, 211); }.search { background-color: rgb(56, 55, 55); color: white; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .main-container { height: 300px; padding: 10px; }.col-3 { padding: 5px; margin: 10px; color: rgb(214, 211, 211); background-color: white; border-radius: 5px; border-left-color: 3px blue; }.side-navi { width: 200px; background-color: rgb(90, 90, 206); color: white; height: 100%; float: left; display: block; }.side-navi li { list-style: none; }.search-btn { width: 40px; height: 30px; }.row { margin: 0; }/*# sourceMappingURL=style.css.map */ ------------------------------------------------------------------------------------------------------- col-3로 했는데 한개가 자꾸 밑으로 내려가요 어떻게 해결해야 할까요??
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
- 답변은 로그인 후 가능합니다.