.well 클래스 의미
<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>
결과보기
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;
}