부트스트랩 사용법 (버튼)
부트스트랩 사용법 (버튼)
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>부트스트랩 개론 견본</title>
5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
6. <!-- 부트스트랩 -->
7. <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
8. </head>
9. <body>
10. <h1>헬로우, 월드!</h1>
11. <script src="http://code.jquery.com/jquery.js"></script>
12. <script src="js/bootstrap.min.js"></script>
13. </body>
14.</html>
1. <p>
2. <button class="btn btn-large btn-primary" type="button">큰 버튼</button>
3. <button class="btn btn-large" type="button">큰 버튼</button>
4. </p>
5. <p>
6. <button class="btn btn-primary" type="button">기본 버튼</button>
7. <button class="btn" type="button">기본 버튼</button>
8. </p>
9. <p>
10. <button class="btn btn-small btn-primary" type="button">작은 버튼</button>
11. <button class="btn btn-small" type="button">작은 버튼</button>
12.</p>
13.<p>
14. <button class="btn btn-mini btn-primary" type="button">미니 버튼</button>
15. <button class="btn btn-mini" type="button">미니 버튼</button>