편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
2번째 줄: | 2번째 줄: | ||
;부트스트랩 .well 클래스 | ;부트스트랩 .well 클래스 | ||
< | <source lang='html5'> | ||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css"> | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css"> | ||
<script src="//code.jquery.com/jquery.min.js"></script> | <script src="//code.jquery.com/jquery.min.js"></script> | ||
10번째 줄: | 10번째 줄: | ||
<div class="well well-sm">작은 Well</div> | <div class="well well-sm">작은 Well</div> | ||
<div class="well well-lg">큰 Well</div> | <div class="well well-lg">큰 Well</div> | ||
</ | </source> | ||
<jsfiddle height='300'>t282rrzv</jsfiddle> | <jsfiddle height='300'>t282rrzv</jsfiddle> | ||
==CSS== | ==CSS== | ||
< | <source lang='css'> | ||
.well { | .well { | ||
min-height: 20px; | min-height: 20px; | ||
24번째 줄: | 24번째 줄: | ||
box-shadow: inset 0 1px 1px rgba(0,0,0,.05); | box-shadow: inset 0 1px 1px rgba(0,0,0,.05); | ||
} | } | ||
</ | </source> | ||
==같이 보기== | ==같이 보기== |