버튼 그룹 > 퍼블리싱강좌

퍼블리싱강좌

버튼 그룹 정보

부트스트랩 버튼 그룹

본문

버튼 그룹
부트 스트랩을 사용하면 단추 그룹에 일련의 단추를 한 줄에 함께 그룹화 할 수 있습니다.

사과삼성소니
<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개

전체 283
퍼블리싱강좌 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT