<!DOCTYPE html>
<html>
<head>
<!-- 반응형웹 적용을 위한 meta 정의 -->
<!-- 스마트폰, 태블릿, pc 등 화면 사이즈에 대응 -->
<meta name="viewport"
content="width=device-width, initial-scale=1">
<title>::: 08_bootstrap_table :::</title>
<!-- css 외부파일 또는 CDN 불러들이기 -->
rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous">
<!-- jQuery 외부파일 또는 CDN 불러들이기 -->
<script type="text/javascript"
</head>
<body>
<h1 class="display-5">
부트스트랩(BootStrap) 테이블 적용하기
</h1>
<!-- 부트스트랩 테이블 적용하기 -->
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<!-- 부트스트랩 js 적용 -->
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
</body>
</html>
'CSS' 카테고리의 다른 글
| 09. CSS_bootstrap_form (0) | 2023.03.08 |
|---|---|
| 07. CSS_bootstrap_textstyle(2) (0) | 2023.03.08 |
| 06. CSS_bootstrap_textstyle (0) | 2023.03.08 |
| 05. CSS_bootstrap (0) | 2023.03.08 |
| 04. CSS_수직 네비게이션(2) (0) | 2023.03.03 |
