티스토리 뷰

DEVELOPE/부트스트랩

부트스트랩 사용법 (버튼)

소찾나 2017. 2. 14. 18:02
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

부트스트랩 사용법 (버튼)



부스트르랩 공인 사이트 
http://getbootstrap.com/





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>

 

저작자표시 비영리 변경금지

'DEVELOPE > 부트스트랩' 카테고리의 다른 글

부트스트랩 및 반응형 웹정리  (0) 2017.02.14
부트스트랩 테마사이트  (0) 2017.02.01
공유하기 링크
댓글