모바일용으로 만들때 import필요
F12눌러서 왼쪽위에 2번째걸로 모바일버전 볼 수 있음. 폰 기종도 변경할 수 있지
핸드폰으로 확인방법
cmd -> ipconfig
IPv4 주소 복사해서 페이지 주소 바꾸면됨
<!-- 모바일용 웹페이지 -->
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 모바일용으로 만들때 import필요 -->
<!-- F12눌러서 왼쪽위에 2번째걸로 모바일버전 볼 수 있음. 폰 기종도 변경할 수 있지 -->
<!-- 핸드폰으로 확인방법
cmd -> ipconfig
IPv4 주소 복사해서 페이지 주소 바꾸면됨
-->
<style>
.bi-android{
color: aqua;
}
</style>
</head>
<body>
<div class="container">
<div class="row mt-3">
<div class="col text-center">
<i class="fs-1 bi-android"></i>
</div>
</div>
<div class="row px-3">
<div class="col">
<input class="form-control" type="text" placeholder="아이디">
</div>
</div>
<div class="row mt-2 px-3">
<div class="col">
<input class="form-control" type="password" placeholder="비밀번호">
</div>
</div>
<div class="row mt-2 px-3">
<div class="col d-grid">
<button class="btn btn-primary"> Login </button>
<!-- <span aria-hidden="true"> </span> -->
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>
'HTML > DAY 31 _ 23.10.06' 카테고리의 다른 글
| Wep page Self1 - 대영 (1) | 2023.10.11 |
|---|---|
| 11번가 모바일 (0) | 2023.10.11 |
