• Q&A
  • 회원가입
  • 로그인

[basic] BS3 - Well (BS웰 = BS회색상자) ★ - BS회색배경상자 (= BS회색박스 = BS웰클래스)

.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;

}

 

 

오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012