선택자의 삽입만으로 float이 가능해서 빠른 플로트라 부릅니다.
플로트 되고 있는 요소는 아래의 요소와 겹치므로 .clearfix 선택자를 사용해야 겹치지 않습니다.
아래 샘플에서 .clearfix를 사용하지 않으면 윗줄과 아랫줄이 겹쳐서 보여집니다.
<div class=”pull-left“>좌측 글자</div>
<div class=”pull-right“>우측 글자</div>
<div class=”clearfix“></div>
<p class=”bg-primary“>아랫 글자. clearfix를 사용하지 않으면 윗줄과 겹쳐서 보여집니다.</p>
<div class=”pull-right“>우측 글자</div>
<div class=”clearfix“></div>
<p class=”bg-primary“>아랫 글자. clearfix를 사용하지 않으면 윗줄과 겹쳐서 보여집니다.</p>
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
[bootstrap] 부트스트랩 – 콘텐츠 보이기와 감추기 (0) | 2016.01.30 |
---|---|
[bootstrap] 부트스트랩 – 블록을 가운데로 정렬하기 (0) | 2016.01.30 |
[bootstrap] 부트스트랩 – 캐럿(Carets) (0) | 2016.01.30 |
[bootstrap] 부트스트랩 – 닫기 아이콘(Close icon) (0) | 2016.01.29 |
[bootstrap] 부트스트랩 – 글자에 배경색 넣기 (0) | 2016.01.29 |
댓글