OBG WiKi

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== Bootstrap ======

===== 기본 형식 =====
<code html>
<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <!-- Include meta tag to ensure proper rendering and touch zooming -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Include bootstrap stylesheets -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
  </head>

  <body>
  
    <!-- contents -->
  
    <!-- JavaScript placed at the end of the document so the pages load faster -->
    <!-- Optional: Include the jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Optional: Incorporate the Bootstrap JavaScript plugins -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  </body>

</html>
</code>

===== 예제 =====
  * [[http://startbootstrap.com/template-categories/landing-pages/|Free Bootstrap Landing Pages]]
  * [[http://www.bootstrapzero.com/|Bootstrap Zero - Free Bootstrap Themes & Templates]]
  * [[http://www.williamghelfi.com/blog/2013/08/04/bootstrap-in-practice-a-landing-page/|Bootstrap in practice: a landing page]]
  * [[http://untame.net/2013/04/how-to-integrate-simple-parallax-with-twitter-bootstrap/|How to Integrate Simple Parallax with Twitter Bootstrap]]
  * [[http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/|Bootstrap one-page template with Parallax effect]]
  * [[http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial|How to Build a Responsive WordPress Theme with Bootstrap]]

사용자 도구

문서 도구

OBG WiKi

사이트 도구