<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<h2 class="alert alert-warning">부트스트랩 이미지들</h2>
<img alt="" src="../image/b01.png" class="img-rounded corner">
<img alt="" src="../image/b02.png" class="img-thumbnail">
<img alt="" src="../image/b03.png" class="img-circle">
<h2 class="alert alert-success">부트스트랩 이미지들</h2>
<span class="glyphicon glyphicon-heart">좋아요</span><br>
<span class="glyphicon glyphicon-thumbs-down">싫어요</span><br>
<button class="btn btn-lg btn-info">
<span class="glyphicon glyphicon-search">Search</span></button>
<button class="btn btn-default">
<span class="glyphicon glyphicon-download">Downloads</span>
</button>
<button class="btn btn-sm btn-danger">
<span class="glyphicon glyphicon-home">Home</span>
</button>
</body>
</html>
'Bootstrap' 카테고리의 다른 글
211008_modal(로그인화면) (0) | 2021.10.08 |
---|---|
211008_modal (0) | 2021.10.08 |
211008_button (0) | 2021.10.08 |
211008_table (0) | 2021.10.08 |