{"id":1307,"date":"2020-12-27T00:18:53","date_gmt":"2020-12-26T15:18:53","guid":{"rendered":"http:\/\/boochi.boo.jp\/maco\/?p=1307"},"modified":"2022-10-17T23:57:26","modified_gmt":"2022-10-17T14:57:26","slug":"twenty-minutes-%e3%83%86%e3%83%bc%e3%83%9e%e3%81%ab%e3%80%81bootstrap5%e3%82%92%e5%85%a5%e3%82%8c%e3%81%a6%e3%81%bf%e3%82%8b","status":"publish","type":"post","link":"http:\/\/boochi.boo.jp\/maco\/daily\/2020\/12\/1307\/","title":{"rendered":"Twenty Minutes: \u30c6\u30fc\u30de\u306b\u3001bootstrap5\u3092\u5165\u308c\u3066\u307f\u308b"},"content":{"rendered":"\r\n<h2 class=\"wp-block-heading\">\u306f\u3058\u3081\u306b<\/h2>\r\n\r\n\r\n\r\n<p>\u4eca\u304a\u4ed5\u4e8b\u3067\u306fBootstrap3\u3092\u4e3b\u306b\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002<br \/>\u304b\u308c\u3053\u308c4\u5e74\u304f\u3089\u3044\u540c\u3058\u30b5\u30a4\u30c8\u3092\u89e6\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u306a\u304b\u306a\u304bBootstrap4,Bootstrap5\u3092\u8a66\u3059\u6a5f\u4f1a\u304c\u306a\u304b\u306a\u304b\u8a2a\u308c\u306a\u3044\u305f\u3081\u3001\u3053\u306e\u30b5\u30a4\u30c8\u306b\u5165\u308c\u3066\u307f\u3088\u3046\uff01\u3068\u601d\u3044\u7acb\u3061\u307e\u3057\u305f\u3002<br \/>\u5229\u7528\u3057\u3066\u3044\u308b\u30c6\u30fc\u30de\u3068\u306e\u6574\u5408\u6027\u3092\u307f\u306a\u3044\u3068\u3001\u3044\u3051\u307e\u305b\u3093\u3002<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">\u30c6\u30fc\u30de\u300cTwenty Minutes\u300d\u306bBootstrap5\u3092\u5165\u308c\u3066\u307f\u308b<\/h2>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"231\" src=\"https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-6.png?resize=780%2C231\" alt=\"\" class=\"wp-image-1327\" srcset=\"https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-6.png?w=872 872w, https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-6.png?resize=300%2C89 300w, https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-6.png?resize=768%2C227 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" data-recalc-dims=\"1\" \/><\/figure>\r\n\r\n\r\n\r\n<p>\u4eca\u79c1\u304cftp\u3067\u4f5c\u696d\u3067\u304d\u306a\u3044\u74b0\u5883\u306a\u306e\u3067\u3001\u53d6\u308a\u6025\u304ewordpress\u306e\u300c\u30c6\u30fc\u30de\u30a8\u30c7\u30a3\u30bf\u300d\u304b\u3089\u30d8\u30c3\u30c0\u30fcphp\u30d5\u30a1\u30a4\u30ebt\u3092\u89e6\u308a\u307e\u3059\u3002\u2191\u306e\u30ad\u30e3\u30d7\u30c1\u30e3\u306e\u30aa\u30ec\u30f3\u30b8\u3042\u305f\u308aBootstrap5\u306eCSS\u8aad\u307f\u8fbc\u307f\u306e\u30b3\u30fc\u30c9\u3092\u5165\u308c\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">\u30d6\u30e9\u30a6\u30b6\u5e451300px\u3067\u30ab\u30e9\u30e0\u843d\u3061\u3057\u307e\u3057\u305f<\/h2>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"696\" src=\"https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-7.png?resize=624%2C696\" alt=\"\" class=\"wp-image-1331\" srcset=\"https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-7.png?w=624 624w, https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-7.png?resize=269%2C300 269w\" sizes=\"(max-width: 624px) 100vw, 624px\" data-recalc-dims=\"1\" \/><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">CSS\u3067\u30ab\u30e9\u30e0\u843d\u3061\u3057\u305f\u53f3\u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\u3092\u8abf\u6574\u3057\u307e\u3059<\/h2>\r\n\r\n\r\n\r\n<pre>\/* bootstrap\u3092\u5165\u308c\u305f\u3053\u3068\u306b\u3088\u308asidebar\u304c\u6bb5\u843d\u3061\u3059\u308b\u306e\u3067sidebar\u306e\u5e45\u3092\u5c0f\u3055\u304f\u3057\u305f *\/\r\n@media screen and (min-width: 1300px) {\r\n#sidebar {\r\n    width: 230px;\r\n}}\r\n\r\n@media screen and (max-width: 767px){ #sidebar {\r\n    width: 180px;\r\n}}\r\n<\/pre>\r\n\r\n\r\n\r\n<p>\u4e0a\u8a18\u306ecss\u3092\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">\u306f\u3044\u3002\u306a\u304a\u308a\u307e\u3057\u305f\u3002<\/h2>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"269\" src=\"https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-8.png?resize=780%2C269\" alt=\"\" class=\"wp-image-1337\" srcset=\"https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-8.png?resize=1024%2C353 1024w, https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-8.png?resize=300%2C103 300w, https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-8.png?resize=768%2C265 768w, https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/image-8.png?w=1324 1324w\" sizes=\"(max-width: 780px) 100vw, 780px\" data-recalc-dims=\"1\" \/><\/figure>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p>\u3071\u3063\u3068\u898b\u3066\u3001\u3053\u308c\u3067\u3044\u3051\u305d\u3046\u306a\u306e\u3067<br \/>Bootstrap5\u3067\u3044\u308d\u3044\u308d\u8a66\u3057\u3066\u3044\u3051\u305d\u3046\u3067\u3059\u3002<br \/>\u8a66\u3057\u306b\u30b5\u30f3\u30d7\u30eb\u3092\u5165\u308c\u3066\u307f\u307e\u3057\u305f\u3002<br \/><br \/><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Bootstrap5\u306e\u30b5\u30f3\u30d7\u30eb\u3092\u3044\u308c\u3066\u307f\u308b<\/h2>\r\n\r\n<div class=\"alert alert-primary\" role=\"alert\" style=\"text-align: center;\">A simple primary alert\u2014check it out!<\/div>\r\n<div class=\"alert alert-secondary\" role=\"alert\">A simple secondary alert\u2014check it out!<\/div>\r\n<div class=\"alert alert-success\" role=\"alert\">A simple success alert\u2014check it out!<\/div>\r\n<div class=\"alert alert-danger\" role=\"alert\">A simple danger alert\u2014check it out!<\/div>\r\n<div class=\"alert alert-warning\" role=\"alert\">A simple warning alert\u2014check it out!<\/div>\r\n<div class=\"alert alert-info\" role=\"alert\">A simple info alert\u2014check it out!<\/div>\r\n<div class=\"alert alert-light\" role=\"alert\">A simple light alert\u2014check it out!<\/div>\r\n<div class=\"alert alert-dark\" role=\"alert\">A simple dark alert\u2014check it out!<a class=\"dropdown-item\" href=\"#\"><\/a><\/div>\r\n<div role=\"alert\"><\/div>\r\n<div role=\"alert\">\u304a\u304a\uff01\u3044\u3051\u305d\u3046\u3067\u3059\u306d\u3002<br \/>\u3053\u308c\u304b\u3089\u3044\u308d\u3044\u308d\u8a66\u3057\u3066\u307f\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002<br \/>Bootstrap3\u2192Bootstrap5\u3000\u3068\u4e00\u3064\u3068\u3073\u306a\u306e\u3067\u968f\u5206\u4fbf\u5229\u306b\u306a\u3063\u3066\u3044\u308b\u3053\u3068\u3067\u3057\u3087\u3046\u3002\u3053\u306e\u30d6\u30ed\u30b0\u3067\u3082\u307e\u305f\u8a18\u8f09\u3057\u3066\u307f\u3088\u3046\u3068\u601d\u3044\u307e\u3059\uff01<\/div>","protected":false},"excerpt":{"rendered":"<p>\u306f\u3058\u3081\u306b \u4eca\u304a\u4ed5\u4e8b\u3067\u306fBootstrap3\u3092\u4e3b\u306b\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u304b\u308c\u3053\u308c4\u5e74\u304f\u3089\u3044\u540c\u3058\u30b5\u30a4\u30c8\u3092\u89e6\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u306a\u304b\u306a\u304bBootstrap4,Bootstrap5\u3092\u8a66\u3059\u6a5f\u4f1a\u304c\u306a\u304b\u306a\u304b\u8a2a\u308c\u306a\u3044\u305f\u3081\u3001\u3053\u306e\u30b5\u30a4\u30c8\u306b\u5165\u308c\u3066\u307f\u3088\u3046\uff01\u3068 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1383,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[1],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/boochi.boo.jp\/maco\/wp-content\/uploads\/2020\/12\/bootrap.png?fit=400%2C142","_links":{"self":[{"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/posts\/1307"}],"collection":[{"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/comments?post=1307"}],"version-history":[{"count":12,"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/posts\/1307\/revisions"}],"predecessor-version":[{"id":2354,"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/posts\/1307\/revisions\/2354"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/media\/1383"}],"wp:attachment":[{"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/media?parent=1307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/categories?post=1307"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/boochi.boo.jp\/maco\/wp-json\/wp\/v2\/tags?post=1307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}