답변:
2018 업데이트 ...
card
를 교체했습니다 well
.
부트 스트랩 4
<div class="card card-body bg-light">
Well
</div>
또는 , 두 개의 DIV로서 ...
<div class="card bg-light">
<div class="card-body">
...
</div>
</div>
(주 : 부트 스트랩 4 알파, 이들과 같이 알려져 card-block
대신 card-body
하고 bg-faded
대신 bg-light
)
버전 4의 부트 스트랩에서 웰을 떨어 뜨 립니다.
Wells 대신 카드 를 사용할 수 있습니다 .
다음은 새로운 카드 기능을 사용하는 방법에 대한 간단한 예입니다.
<div class="card card-inverse" style="background-color: #333; border-color: #333;">
<div class="card-block">
<h3 class="card-title">Card Title</h3>
<p class="card-text">This text will be written on a grey background inside a Card.</p>
<a href="#" class="btn btn-primary">This is a Button</a>
</div>
</div>
이것은 나를 위해 가장 잘 작동했습니다.
<div class="card bg-light p-3">
<p class="mb-0">Some text here</p>
</div>
물론 공식적으로 버전 은 카드가 부트 스트랩 우물을 새로 대체한다고 말합니다. 그러나 카드는 현재 매우 광범위한 부트 스트랩 구성 요소입니다. 간단히 말해서 Bootstrap Jumbotron 도 사용할 수 있습니다 .
한 줄 옵션을 찾고 있습니다.
<div class="jumbotron bg-dark"> got a team? </div>
well
새 카드 구성 요소에 대해 완전히 삭제되었습니다. v4-alpha.getbootstrap.com/migration