imported>Bbon |
|
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] | |
− | | |
− | | |
− | === 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]]
| |