{"id":1073,"date":"2020-03-01T14:52:20","date_gmt":"2020-03-01T05:52:20","guid":{"rendered":"http:\/\/makotohiroshige.com\/pclab\/?page_id=1073"},"modified":"2020-03-01T14:52:20","modified_gmt":"2020-03-01T05:52:20","slug":"bootstrap441-%e3%83%9a%e3%83%bc%e3%82%b8%e4%be%8b","status":"publish","type":"page","link":"https:\/\/pclab.makotohiroshige.com\/?page_id=1073","title":{"rendered":"Bootstrap441 \u30da\u30fc\u30b8\u4f8b"},"content":{"rendered":"

HTML<\/p>\n

\n<html>\n<head>\n  <meta charset=\"utf-8\">\n  <link href=\"css\/bootstrap.min.css\" rel=\"stylesheet\">\n  <link href=\"boot02.css\" rel=\"stylesheet\">\n<\/head>\n\n<body>\n  <script src=\"js\/jquery-3.4.1-slim.min.js\"><\/script>\n  <script src=\"js\/bootstrap.bundle.min.js\"><\/script>\n\n<div class=\"container\">\n\n<header>\n<p>header dayo<\/p>\n  <img src=\"sample4.jpg\" class=\"img-fluid\">\n<\/header>\n\n<div class=\"row\">\n\n<main class=\"col-12 col-md-8\">\n<h3>\u3053\u308c\u306f\u52d5\u753b\u3067\u3059<\/h3>\n<p>main dayo<\/p>\n<div class=\"youtube\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/b0hfspTEJmg\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div> <!-- .youtube -->\n<\/main>\n\n<div id=\"sub\" class=\"col-12 col-md-4\">\n<p>sub dayo<\/p>\n<a class=\"twitter-timeline\" data-height=\"500\" href=\"https:\/\/twitter.com\/hiromuse?ref_src=twsrc%5Etfw\">Tweets by hiromuse<\/a> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div> <!-- sub -->\n\n<\/div> <!-- row -->\n\n\n<footer>\n<p>©2020 Oresama<\/p>\n<\/footer>\n\n<\/div> <!-- container -->\n\n<\/body>\n<\/html>\n<\/pre>\n
CSS<\/p>\n
\nheader img {\n  margin: 0 auto;\n}\n\nmain {\n  \/* background-color: pink; *\/\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n#sub {\n  \/* background-color: #ddd; *\/\n  border: 1px solid black;\n  border-radius: 20px;\n  \/* margin: 5px; *\/\n  margin-top: 10px;\n  margin-bottom: 10px;\n  padding: 15px;\n}\n\nfooter {\n  text-align: center;\n  border-top: 1px solid #333;\n}\n\n\/* iframe \u3092\u56f2\u3080\u30dc\u30c3\u30af\u30b9(\u89aa\u30dc\u30c3\u30af\u30b9)\u306b\u5bfe\u3059\u308b\u6307\u5b9a *\/\n\n.youtube {\n  position : relative;\n  width : 90%;\n  padding-top : 50.625%;\n}\n\n\/* iframe \u305d\u306e\u3082\u306e\u306b\u5bfe\u3059\u308b\u6307\u5b9a *\/\n\n.youtube iframe {\n  position : absolute;\n  top: 0;\n  right: 0;\n  width : 100%!important;\n  height : 100%!important;\n}\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
HTML <html> <head> <meta charset=”utf-8″> <link href=”css\/bootstrap.min.css” rel=”stylesh […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":739,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1073","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/pages\/1073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pclab.makotohiroshige.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1073"}],"version-history":[{"count":0,"href":"https:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/pages\/1073\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/pages\/739"}],"wp:attachment":[{"href":"https:\/\/pclab.makotohiroshige.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}