Bootstrap

211008_image,span,glyphicon

요옫 2021. 10. 8. 14:38

<!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