{"id":130,"date":"2022-10-27T10:39:47","date_gmt":"2022-10-27T01:39:47","guid":{"rendered":"https:\/\/devktheme.mycafe24.com\/?page_id=130"},"modified":"2022-10-27T10:39:47","modified_gmt":"2022-10-27T01:39:47","slug":"%eb%b2%84%ed%8a%bc-buttons","status":"publish","type":"page","link":"https:\/\/junhois.mycafe24.com\/?page_id=130","title":{"rendered":"\ubc84\ud2bc &#8211; Buttons"},"content":{"rendered":"\n\t\t\t\t\t\t\n\t\t\t\t\t\t<h2 class=\"mb-3\">\ubc84\ud2bc\uc2a4\ud0c0\uc77c<\/h2>\n\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\uae30\ubcf8\ubc84\ud2bc<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn-primary<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9 \">\n<button class=\"btn mb-3 me-3 btn-primary rounded-0\" type=\"button\">\uc6b0\uc120\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-secondary rounded-0\" type=\"button\">\ubcf4\uc870\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-success rounded-0\" type=\"button\">3\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-danger rounded-0\" type=\"button\">4\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-warning rounded-0\" type=\"button\">5\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-info rounded-0\" type=\"button\">6\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-light rounded-0\" type=\"button\">\ud770\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-dark rounded-0\" type=\"button\">\uac80\uc815\ubc30\uacbd\uc0c9<\/button>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\ubc84\ud2bc\ud06c\uae30<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn-primary<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9 \">\n<button class=\"btn mb-3 me-3 btn-lg btn-primary rounded-0 px-4 py-3\" type=\"button\">\uc544\uc8fc \ud070 \ubc84\ud2bc<\/button>\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-lg btn-outline-primary rounded-0 px-4 py-3\" type=\"button\">\uc544\uc8fc \ud070 \uc120\ubc84\ud2bc<\/button>\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-lg btn-primary rounded-0\" type=\"button\">\ud070 \ubc84\ud2bc<\/button>\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-lg btn-outline-primary rounded-0\" type=\"button\">\ud070 \uc120\ubc84\ud2bc<\/button>\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-primary rounded-0\" type=\"button\">\uc77c\ubc18\ubc84\ud2bc<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-primary rounded-0\" type=\"button\">\uc77c\ubc18 \uc120\ubc84\ud2bc<\/button>\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-sm btn-primary rounded-0\" type=\"button\">\uc791\uc740\ubc84\ud2bc<\/button>\n<button class=\"btn mb-3 me-3 btn-sm btn-outline-primary rounded-0\" type=\"button\">\uc791\uc740 \uc120\ubc84\ud2bc<\/button>\n\t\t\t\t\t\t\t\t\n\n\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\ub77c\uc6b4\ub4dc\ubc84\ud2bc<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn-primary  rounded-5<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9 \">\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-primary rounded-5\" type=\"button\">\uc6b0\uc120\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-secondary rounded-5\" type=\"button\">\ubcf4\uc870\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-success rounded-5\" type=\"button\">3\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-danger rounded-5\" type=\"button\">4\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-warning rounded-5\" type=\"button\">5\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-info rounded-5\" type=\"button\">6\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-light rounded-5\" type=\"button\">\ud770\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-dark rounded-5\" type=\"button\">\uac80\uc815\ubc30\uacbd\uc0c9<\/button>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\uc120\ubc84\ud2bc<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn btn-outline-primary<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9 \">\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-outline-primary  rounded-0\" type=\"button\">\uc6b0\uc120\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-secondary rounded-0\" type=\"button\">\ubcf4\uc870\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-success rounded-0\" type=\"button\">3\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-danger rounded-0\" type=\"button\">4\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-warning rounded-0\" type=\"button\">5\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-info rounded-0\" type=\"button\">6\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-light rounded-0\" type=\"button\">\ud770\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-dark rounded-0\" type=\"button\">\uac80\uc815\ubc30\uacbd\uc0c9<\/button>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\uc120\ubc84\ud2bc \ub77c\uc6b4\ub4dc<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn btn-outline-primary<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9 rounded-5\">\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-outline-primary  rounded-5\" type=\"button\">\uc6b0\uc120\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-secondary rounded-5\" type=\"button\">\ubcf4\uc870\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-success rounded-5\" type=\"button\">3\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-danger rounded-5\" type=\"button\">4\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-warning rounded-5\" type=\"button\">5\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-info rounded-5\" type=\"button\">6\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-light rounded-5\" type=\"button\">\ud770\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-outline-dark rounded-5\" type=\"button\">\uac80\uc815\ubc30\uacbd\uc0c9<\/button>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\uadf8\ub9bc\uc790\ubc84\ud2bc<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn-primary  rounded-5<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9\">\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-primary rounded-5 shadow\" type=\"button\">\uc6b0\uc120\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-secondary rounded-5 shadow\" type=\"button\">\ubcf4\uc870\uc0c9\uc0c1<\/button>\n<button class=\"btn mb-3 me-3 btn-success rounded-5 shadow\" type=\"button\">3\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-danger rounded-5 shadow\" type=\"button\">4\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-warning rounded-5 shadow\" type=\"button\">5\uc0c9\ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-info rounded-5 shadow\" type=\"button\">6\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-light rounded-5 shadow\" type=\"button\">\ud770\uc0c9 \ubc30\uacbd\uc0c9<\/button>\n<button class=\"btn mb-3 me-3 btn-dark rounded-5 shadow\" type=\"button\">\uac80\uc815\ubc30\uacbd\uc0c9<\/button>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\uc544\uc774\ucf58\ubc84\ud2bc<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn-primary  rounded-5<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9 \">\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-primary rounded-5\" type=\"button\">\uc6b0\uc120\uc0c9\uc0c1 <i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-secondary rounded-5\" type=\"button\">\ubcf4\uc870\uc0c9\uc0c1 <i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-success rounded-5\" type=\"button\">3\uc0c9\ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-danger rounded-5\" type=\"button\">4\uc0c9 \ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-warning rounded-5\" type=\"button\">5\uc0c9\ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-info rounded-5\" type=\"button\">6\uc0c9 \ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-light rounded-5\" type=\"button\">\ud770\uc0c9 \ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-dark rounded-5\" type=\"button\">\uac80\uc815\ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\uadf8\ub77c\ub514\uc5b8\ud2b8\ubc84\ud2bc<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn-primary  rounded-5<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9 \">\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-primary rounded-5 btn-gradient btn-primary-gradient px-4 \" type=\"button\">\uc6b0\uc120\uc0c9\uc0c1 <i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-secondary rounded-5 btn-gradient btn-secondary-gradient px-4\" type=\"button\">\ubcf4\uc870\uc0c9\uc0c1 <i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-success rounded-5 btn-gradient btn-success-gradient px-4\" type=\"button\">3\uc0c9\ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-danger rounded-5 btn-gradient btn-danger-gradient px-4\" type=\"button\">4\uc0c9 \ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-warning rounded-5 btn-gradient btn-warning-gradient px-4\" type=\"button\">5\uc0c9\ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-info rounded-5 btn-gradient btn-info-gradient px-4\" type=\"button\">6\uc0c9 \ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-light rounded-5 btn-gradient btn-light-gradient px-4\" type=\"button\">\ud770\uc0c9 \ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-dark rounded-5 btn-gradient btn-dark-gradient px-4\" type=\"button\">\uac80\uc815\ubc30\uacbd\uc0c9<i class=\"bi bi-arrow-right-short ps-3\"><\/i><\/button>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<hr class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"row mb-5\">\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-3\">\n\t\t\t\t\t\t\t\t<h1 class=\"fs-6\">\uc544\uc774\ucf58\ubc84\ud2bc<\/h1>\n\t\t\t\t\t\t\t\t<code>btn btn-primary  rounded-0<\/code>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-sm-12 col-md-9 \">\n\t\t\t\t\t\t\t\t\n<button class=\"btn mb-3 me-3 btn-primary rounded-0\" type=\"button\"><i class=\"bi bi-award\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-primary rounded-0\" type=\"button\"><i class=\"bi bi-bank\"><\/i><\/button>\n<button class=\"btn mb-3 me-3 btn-primary rounded-0\" type=\"button\"><i class=\"bi bi-bell\"><\/i><\/button>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t","protected":false},"excerpt":{"rendered":"\ubc84\ud2bc\uc2a4\ud0c0\uc77c \uae30\ubcf8\ubc84\ud2bc btn btn-primary \uc6b0\uc120\uc0c9\uc0c1 \ubcf4\uc870\uc0c9\uc0c1 3\uc0c9\ubc30\uacbd\uc0c9 4\uc0c9 \ubc30\uacbd\uc0c9 5\uc0c9\ubc30\uacbd\uc0c9 6\uc0c9 \ubc30\uacbd\uc0c9 \ud770\uc0c9 \ubc30\uacbd\uc0c9 \uac80\uc815\ubc30\uacbd\uc0c9 \ubc84\ud2bc\ud06c\uae30 btn btn-primary \uc544\uc8fc \ud070 \ubc84\ud2bc \uc544\uc8fc \ud070 \uc120\ubc84\ud2bc \ud070 \ubc84\ud2bc \ud070 \uc120\ubc84\ud2bc \uc77c\ubc18\ubc84\ud2bc \uc77c\ubc18 \uc120\ubc84\ud2bc \uc791\uc740\ubc84\ud2bc \uc791\uc740 \uc120\ubc84\ud2bc \ub77c\uc6b4\ub4dc\ubc84\ud2bc btn btn-primary rounded-5 \uc6b0\uc120\uc0c9\uc0c1 \ubcf4\uc870\uc0c9\uc0c1 3\uc0c9\ubc30\uacbd\uc0c9 4\uc0c9 \ubc30\uacbd\uc0c9 5\uc0c9\ubc30\uacbd\uc0c9 6\uc0c9 \ubc30\uacbd\uc0c9 \ud770\uc0c9 \ubc30\uacbd\uc0c9 \uac80\uc815\ubc30\uacbd\uc0c9 \uc120\ubc84\ud2bc btn btn btn-outline-primary \uc6b0\uc120\uc0c9\uc0c1 \ubcf4\uc870\uc0c9\uc0c1 [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":196,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/junhois.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/junhois.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/junhois.mycafe24.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/junhois.mycafe24.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/junhois.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=130"}],"version-history":[{"count":0,"href":"https:\/\/junhois.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/130\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/junhois.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/196"}],"wp:attachment":[{"href":"https:\/\/junhois.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}