|
|
1번째 줄: |
1번째 줄: |
− | Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
| + | * icon=wrench | display=도구 |
− | | + | ** icon=gear | display=특수 문서 목록 | link=특수:특수문서 | title=특수:특수문서 |
− | 관련 사이트
| + | ** icon=upload | display=업로드 | link=특수:올리기 | title=특수:올리기 |
− | * [http://getbootstrap.com/ Start ] | |
− | * [https://github.com/twbs/bootstrap GitHub]
| |
− | | |
− | == v4 ==
| |
− | | |
− | === CDN ===
| |
− | | |
− | <pre lang="html"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"></pre>
| |
− | | |
− | | |
− | <pre lang="html"><script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
| |
− | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
| |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script></pre>
| |
− | | |
− | === Basic Template ===
| |
− | | |
− | <pre lang="html><!doctype html>
| |
− | <html lang="en">
| |
− | <head>
| |
− | <!-- Required meta tags -->
| |
− | <meta charset="utf-8">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
| |
− | | |
− | <!-- Bootstrap CSS -->
| |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
| |
− | | |
− | <title>Hello, world!</title>
| |
− | </head>
| |
− | <body>
| |
− | <h1>Hello, world!</h1>
| |
− | | |
− | <!-- Optional JavaScript -->
| |
− | <!-- jQuery first, then Popper.js, then Bootstrap JS -->
| |
− | <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
| |
− | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
| |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
| |
− | </body>
| |
− | </html></pre>
| |
− | | |
− | == v3 ==
| |
− | | |
− | === CDN ===
| |
− | <pre lang="html">
| |
− | <!-- Latest compiled and minified CSS -->
| |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
| |
− | | |
− | <!-- Optional theme -->
| |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
| |
− | | |
− | <!-- Latest compiled and minified JavaScript -->
| |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
| |
− | </pre>
| |
− | | |
− | === Basic Template ===
| |
− | | |
− | <pre lang="html"><!DOCTYPE html>
| |
− | <html lang="en">
| |
− | <head>
| |
− | <meta charset="utf-8">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− | <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
| |
− | <title>Bootstrap 101 Template</title>
| |
− | | |
− | <!-- Bootstrap -->
| |
− | <link href="css/bootstrap.min.css" rel="stylesheet">
| |
− | | |
− | <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
| |
− | <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
| |
− | <!--[if lt IE 9]>
| |
− | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
| |
− | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
| |
− | <![endif]-->
| |
− | </head>
| |
− | <body>
| |
− | <h1>Hello, world!</h1>
| |
− | | |
− | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
| |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
| |
− | <!-- Include all compiled plugins (below), or include individual files as needed -->
| |
− | <script src="js/bootstrap.min.js"></script>
| |
− | </body>
| |
− | </html>
| |
− | </pre>
| |
− | | |
− | [[분류:web]]
| |
− | [[분류:front-end-framework]]
| |