"Bootstrap" 문서와 "미디어위키:Liberty-Navbar" 문서 사이의 차이

(문서 사이의 차이)
 
 
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]]
 

2021년 2월 21일 (일) 11:04 기준 최신판

  • icon=wrench | display=도구
    • icon=gear | display=특수 문서 목록 | link=특수:특수문서 | title=특수:특수문서
    • icon=upload | display=업로드 | link=특수:올리기 | title=특수:올리기