{"id":1177,"date":"2020-07-19T17:13:01","date_gmt":"2020-07-19T08:13:01","guid":{"rendered":"https:\/\/www.skyer9.pe.kr\/wordpress\/?p=1177"},"modified":"2020-08-16T16:24:38","modified_gmt":"2020-08-16T07:24:38","slug":"bootstrap-4-x-%ea%b8%b0%ec%b4%88%ec%a0%95%eb%a6%ac","status":"publish","type":"post","link":"https:\/\/www.skyer9.pe.kr\/wordpress\/?p=1177","title":{"rendered":"Bootstrap 4.x \uae30\ucd08\uc815\ub9ac"},"content":{"rendered":"<h1>Bootstrap 4.x \uae30\ucd08\uc815\ub9ac<\/h1>\n<h2>\ud15c\ud50c\ub9bf<\/h2>\n<p>Bootstrap \uc740 jquery \uac00 \uc788\uc5b4\uc57c \uc791\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;utf-8&quot;&gt;\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;\n    &lt;title&gt;Hello, World!&lt;\/title&gt;\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css&quot; integrity=&quot;sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z&quot; crossorigin=&quot;anonymous&quot;&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\nHello, World!\n\n&lt;script src=&quot;https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js&quot; integrity=&quot;sha384-DfXdz2htPH0lsSSs5nCTpuj\/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;\/script&gt;\n&lt;script src=&quot;https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.1\/dist\/umd\/popper.min.js&quot; integrity=&quot;sha384-9\/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;\/script&gt;\n&lt;script src=&quot;https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js&quot; integrity=&quot;sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8\/KUEfYiJOMMV+rV&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<h2>\ubc84\ud2bc<\/h2>\n<pre><code class=\"language-html\">&lt;button type=&quot;button&quot; class=&quot;btn&quot;&gt;\uae30\ubcf8 \ubc84\ud2bc&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot;&gt;\ubc84\ud2bc default&lt;\/button&gt;&lt;br \/&gt;&lt;br \/&gt;\n\n&lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;\ubc84\ud2bc primary&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot;&gt;\ubc84\ud2bc success&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot;&gt;\ubc84\ud2bc warning&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot;&gt;\ubc84\ud2bc info&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;\ubc84\ud2bc danger&lt;\/button&gt;&lt;br \/&gt;&lt;br \/&gt;\n\n&lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-lg&quot;&gt;\ubc84\ud2bc primary lg&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-success btn-lg&quot;&gt;\ubc84\ud2bc success lg&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-warning btn-lg&quot;&gt;\ubc84\ud2bc warning lg&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-info btn-lg&quot;&gt;\ubc84\ud2bc info lg&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-danger btn-lg&quot;&gt;\ubc84\ud2bc danger lg&lt;\/button&gt;&lt;br \/&gt;&lt;br \/&gt;\n\n&lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-sm&quot;&gt;\ubc84\ud2bc primary sm&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-success btn-sm&quot;&gt;\ubc84\ud2bc success sm&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-warning btn-sm&quot;&gt;\ubc84\ud2bc warning sm&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-info btn-sm&quot;&gt;\ubc84\ud2bc info sm&lt;\/button&gt;\n&lt;button type=&quot;button&quot; class=&quot;btn btn-danger btn-sm&quot;&gt;\ubc84\ud2bc danger sm&lt;\/button&gt;<\/code><\/pre>\n<h2>\ud14d\uc2a4\ud2b8<\/h2>\n<pre><code class=\"language-html\">&lt;p class=&quot;text-primary&quot;&gt;text-primary&lt;\/p&gt;\n&lt;p class=&quot;text-success&quot;&gt;text-success&lt;\/p&gt;\n&lt;p class=&quot;text-warning&quot;&gt;text-warning&lt;\/p&gt;\n&lt;p class=&quot;text-info&quot;&gt;text-info&lt;\/p&gt;\n&lt;p class=&quot;text-danger&quot;&gt;text-danger&lt;\/p&gt;\n\n&lt;p class=&quot;text-capitalize&quot;&gt;hello world&lt;\/p&gt;\n&lt;p class=&quot;text-lowercase&quot;&gt;hello world&lt;\/p&gt;\n&lt;p class=&quot;text-uppercase&quot;&gt;hello world&lt;\/p&gt;\n\n&lt;p class=&quot;text-left&quot;&gt;text-left&lt;\/p&gt;\n&lt;p class=&quot;text-right&quot;&gt;text-right&lt;\/p&gt;\n&lt;p class=&quot;text-center&quot;&gt;text-center&lt;\/p&gt;<\/code><\/pre>\n<h2>\ud14c\uc774\ube14<\/h2>\n<pre><code class=\"language-html\">&lt;table class=&quot;table table-striped table-bordered table-hover&quot;&gt;\n    &lt;thead&gt;\n    &lt;tr&gt;\n        &lt;th&gt;aaa&lt;\/th&gt;\n        &lt;th&gt;aaa&lt;\/th&gt;\n        &lt;th&gt;aaa&lt;\/th&gt;\n    &lt;\/tr&gt;\n    &lt;\/thead&gt;\n    &lt;tbody&gt;\n    &lt;tr&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n        &lt;td&gt;bbb&lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;\/tbody&gt;\n&lt;\/table&gt;<\/code><\/pre>\n<pre><code class=\"language-html\">```\n\n```html<\/code><\/pre>\n<pre><code class=\"language-html\"><\/code><\/pre>\n<pre><code class=\"language-html\"><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Bootstrap 4.x \uae30\ucd08\uc815\ub9ac \ud15c\ud50c\ub9bf Bootstrap \uc740 jquery \uac00 \uc788\uc5b4\uc57c \uc791\ub3d9\ud569\ub2c8\ub2e4. &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt; &lt;title&gt;Hello, World!&lt;\/title&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css&quot; integrity=&quot;sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z&quot; crossorigin=&quot;anonymous&quot;&gt; &lt;\/head&gt; &lt;body&gt; Hello, World! &lt;script src=&quot;https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js&quot; integrity=&quot;sha384-DfXdz2htPH0lsSSs5nCTpuj\/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;\/script&gt; &lt;script src=&quot;https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.1\/dist\/umd\/popper.min.js&quot; integrity=&quot;sha384-9\/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;\/script&gt; &lt;script src=&quot;https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js&quot; integrity=&quot;sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8\/KUEfYiJOMMV+rV&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;\/script&gt; &lt;\/body&gt; &lt;\/html&gt; \ubc84\ud2bc &lt;button type=&quot;button&quot; class=&quot;btn&quot;&gt;\uae30\ubcf8 \ubc84\ud2bc&lt;\/button&gt; &lt;button type=&quot;button&quot; class=&quot;btn\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.skyer9.pe.kr\/wordpress\/?p=1177\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-1177","post","type-post","status-publish","format-standard","hentry","category-bootstrap"],"_links":{"self":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1177"}],"version-history":[{"count":2,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1177\/revisions"}],"predecessor-version":[{"id":1262,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1177\/revisions\/1262"}],"wp:attachment":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}