버튼 그룹 정보
부트스트랩 버튼 그룹본문
버튼 그룹
부트 스트랩을 사용하면 단추 그룹에 일련의 단추를 한 줄에 함께 그룹화 할 수 있습니다.
사과삼성소니
<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
추천
0
0
댓글 0개