Bootstrap 코드 조각 강좌

시삽: 레드플러스 님 
게시판 이동:
 제목 : Bootstrap3 - Components - ButtonGroup.html
글번호: 3
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2014/09/06 오전 2:00:56
조회수: 2613
파일: 다운로드 (다운로드 권한이 없습니다.)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../Content/bootstrap.css" rel="stylesheet" />
    <link href="../Content/bootstrap-theme.css" rel="stylesheet" />
</head>
<body>
    <div class="btn-group">
        <button type="button" class="btn btn-default">Left</button>
        <button type="button" class="btn btn-default">Middle</button>
        <button type="button" class="btn btn-default">Right</button>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-primary">Left</button>
        <button type="button" class="btn btn-success">Middle</button>
        <button type="button" class="btn btn-warning">Right</button>
    </div>

    <hr />

    <div class="btn-toolbar" role="toolbar" style="margin: 0;">
        <div class="btn-group">
            <button type="button" class="btn btn-default">1</button>
            <button type="button" class="btn btn-default">2</button>
            <button type="button" class="btn btn-default">3</button>
            <button type="button" class="btn btn-default">4</button>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-default">5</button>
            <button type="button" class="btn btn-default">6</button>
            <button type="button" class="btn btn-default">7</button>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-default">8</button>
        </div>
    </div>

    <hr />

    <div class="btn-group btn-group-lg btn-group-vertical">
        <button type="button" class="btn btn-default">Left</button>
        <button type="button" class="btn btn-default">Middle</button>
        <button type="button" class="btn btn-default">Right</button>
    </div>

    <script src="../Scripts/jquery-1.9.1.js"></script>
    <script src="../Scripts/bootstrap.js"></script>
</body>
</html>

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 Bootstrap3 - Components - Breadcrumb, Paginatio... 다운로드 권한이 없습니다. Administrator 2014-09-06 2727
현재글 Bootstrap3 - Components - ButtonGroup.html 다운로드 권한이 없습니다. Administrator 2014-09-06 2613
다음글 Bootstrap3 - Components - Buttons.html 다운로드 권한이 없습니다. Administrator 2014-09-06 2709
관련 페이지 리스트
 
 
 
손님 사용자 Anonymous (손님)
로그인 Home