버튼 그룹
부트 스트랩을 사용하면 단추 그룹에 일련의 단추를 한 줄에 함께 그룹화 할 수 있습니다.
사과삼성소니
<div>클래스 .btn-group가 있는 요소 를 사용하여 버튼 그룹을 만듭니다.
예
<div class="btn-group">
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div>
팁 : 그룹의 모든 버튼에 버튼 크기를 적용하는 대신 클래스 .btn-group-lg|sm|xs를 사용 하여 그룹의 모든 버튼 크기를 조절할 수 있습니다.
예
<div class="btn-group btn-group-lg">
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div
부트 스트랩을 사용하면 단추 그룹에 일련의 단추를 한 줄에 함께 그룹화 할 수 있습니다.
사과삼성소니
<div>클래스 .btn-group가 있는 요소 를 사용하여 버튼 그룹을 만듭니다.
예
<div class="btn-group">
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div>
팁 : 그룹의 모든 버튼에 버튼 크기를 적용하는 대신 클래스 .btn-group-lg|sm|xs를 사용 하여 그룹의 모든 버튼 크기를 조절할 수 있습니다.
예
<div class="btn-group btn-group-lg">
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기