<div class="well">홈짱닷컴 Homzzang.com</div> 결과보기 1. 모서리가 둥근 오목한 회색 배경 상자2. 점보트론과 달리, 글자 크기는 안 키움.
<div class="well">홈짱닷컴 Homzzang.com</div>
결과보기
1. 모서리가 둥근 오목한 회색 배경 상자2. 점보트론과 달리, 글자 크기는 안 키움.
.well 크기 클래스
<div class="container"> <div class="well well-sm">작은 상자</div> <div class="well">보통 상자 (기본값)</div> <div class="well well-lg">큰 상자</div> </div> 결과보기
<div class="container">
<div class="well well-sm">작은 상자</div>
<div class="well">보통 상자 (기본값)</div>
<div class="well well-lg">큰 상자</div>
</div>
CSS
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .well-sm { padding: 9px; border-radius: 3px; } .well-lg { padding: 24px; border-radius: 6px; }
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.well-sm {
padding: 9px;
border-radius: 3px;
.well-lg {
padding: 24px;
border-radius: 6px;