부트스트랩 습지란 무엇입니까?

零下一度
풀어 주다: 2017-07-19 17:17:07
원래의
1345명이 탐색했습니다.

글쎄: 스타일의 효과는 대형 화면 디스플레이 Jumbotron 스타일과 유사합니다. 차이점은 웰 스타일에 테두리 설정이 있고 기본 높이가 적응형 텍스트의 높이라는 것입니다.

샘플 코드:

<div class="well">   <p> sorry I have no word to say</p>   <blockquote>this is a 引用内容</blockquote></div>
로그인 후 복사

  이는 웹사이트의 주요 콘텐츠를 표시하기 위해 전체 브라우저 뷰포트로 확장할 수 있는 가볍고 유연한 구성 요소입니다. 이번 글에서는 부트스트랩 스웨일에 대해 자세히 소개하겠습니다

개요

우물 스타일의 효과는 점보트론 스타일과 유사하지만, 우물 스타일에는 테두리 설정이 있고 기본 높이는 의 높이입니다. 적응형 텍스트. 요소에 Well을 사용하면 간단한 삽입 효과를 얻을 수 있습니다

 Well 스타일을 사용하는 방법은 매우 간단합니다. .well 클래스를 사용하면 됩니다.

.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);
}
로그인 후 복사
<div class="well">小火柴的蓝色理想</div>
로그인 후 복사

Size

well 스타일은 다양한 기능을 제공합니다. 크기 스타일(주로 패딩 및 필렛 크기)은 각각 Well-lg 및 Well-SM입니다. 사용시에는 동일한 요소에 웰을 이용하여 직접 적용해주시면 됩니다

.well-lg {padding: 24px;border-radius: 6px;
}.well-sm {padding: 9px;border-radius: 3px;
}
로그인 후 복사
<div class="well">小火柴的蓝色理想</div>
小火柴的蓝色理想
小火柴的蓝色理想
로그인 후 복사


위 내용은 부트스트랩 습지란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿