(→같이 보기) |
Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight )) |
||
(사용자 2명의 중간 판 22개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
;Bootstrap 최신 버전 사용 | ;Bootstrap 최신 버전 사용 | ||
;부트스트랩 CDN | |||
==최신 | ==4.x 최신 버전 ★== | ||
<syntaxhighlight lang='html'> | |||
< | <link rel="stylesheet" href="//unpkg.com/bootstrap@4/dist/css/bootstrap.min.css"> | ||
<link href="// | <script src='//unpkg.com/jquery@3/dist/jquery.min.js'></script> | ||
<script src= | <script src='//unpkg.com/popper.js@1/dist/umd/popper.min.js'></script> | ||
</ | <script src='//unpkg.com/bootstrap@4/dist/js/bootstrap.min.js'></script> | ||
</syntaxhighlight> | |||
== | ==4.x 특정 버전== | ||
< | * https://getbootstrap.com/docs/4.0/getting-started/introduction/ 참고 | ||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css" rel="stylesheet"> | <syntaxhighlight lang='html'> | ||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css"> | |||
<script src="//code.jquery.com/jquery-3.2.1.slim.min.js"></script> | |||
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> | |||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js"></script> | |||
</syntaxhighlight> | |||
==3.x 특정 버전== | |||
<syntaxhighlight lang='html5'> | |||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> | |||
<script src="//code.jquery.com/jquery.min.js"></script> | |||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> | |||
</syntaxhighlight> | |||
<syntaxhighlight lang='html5'> | |||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> | |||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> | |||
<script src="//code.jquery.com/jquery.min.js"></script> | |||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> | |||
</syntaxhighlight> | |||
==3.x latest== | |||
<syntaxhighlight lang='html'> | |||
<link rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css"> | |||
<script src="//unpkg.com/jquery/dist/jquery.min.js"></script> | |||
<script src="//unpkg.com/bootstrap/dist/js/bootstrap.min.js"></script> | |||
</syntaxhighlight> | |||
<syntaxhighlight lang='html'> | |||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css"> | |||
<script src="//code.jquery.com/jquery.min.js"></script> | |||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script> | <script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script> | ||
</ | </syntaxhighlight> | ||
<syntaxhighlight lang='html'> | |||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css"> | |||
<script src="//code.jquery.com/jquery.min.js"></script> | |||
<script src="//netdna.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script> | |||
</syntaxhighlight> | |||
==같이 보기== | ==같이 보기== | ||
*[[Bootstrap]] | *[[Bootstrap]] | ||
*[[Bootstrap 시작하기]] | |||
*[[jQuery CDN, 최신 버전 사용]] | |||
*[[CDN]] | |||
==참고== | |||
*http://www.bootstrapcdn.com/ | |||
*http://bootstrapk.com/getting-started/ | |||
[[분류: Bootstrap]] | [[분류: Bootstrap]] |
2020년 11월 2일 (월) 02:52 기준 최신판
- Bootstrap 최신 버전 사용
- 부트스트랩 CDN
1 4.x 최신 버전 ★[ | ]
html
Copy
<link rel="stylesheet" href="//unpkg.com/bootstrap@4/dist/css/bootstrap.min.css">
<script src='//unpkg.com/jquery@3/dist/jquery.min.js'></script>
<script src='//unpkg.com/popper.js@1/dist/umd/popper.min.js'></script>
<script src='//unpkg.com/bootstrap@4/dist/js/bootstrap.min.js'></script>
2 4.x 특정 버전[ | ]
html
Copy
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js"></script>
3 3.x 특정 버전[ | ]
html
Copy
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
html
Copy
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
4 3.x latest[ | ]
html
Copy
<link rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css">
<script src="//unpkg.com/jquery/dist/jquery.min.js"></script>
<script src="//unpkg.com/bootstrap/dist/js/bootstrap.min.js"></script>
html
Copy
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
html
Copy
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
5 같이 보기[ | ]
6 참고[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.