{"id":1037,"date":"2020-02-16T14:02:20","date_gmt":"2020-02-16T05:02:20","guid":{"rendered":"http:\/\/makotohiroshige.com\/pclab\/?page_id=1037"},"modified":"2020-02-16T14:02:20","modified_gmt":"2020-02-16T05:02:20","slug":"bootstrap%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab4-4-1","status":"publish","type":"page","link":"http:\/\/pclab.makotohiroshige.com\/?page_id=1037","title":{"rendered":"Bootstrap:\u30ab\u30eb\u30fc\u30bb\u30eb(4.4.1)"},"content":{"rendered":"<p>\u30ab\u30eb\u30fc\u30bb\u30eb carousel \u306f\u3001\u300c\u30e1\u30ea\u30fc\u30b4\u30fc\u30e9\u30a6\u30f3\u30c9 merry-go-round\u300d\u300c\u56de\u8ee2\u6728\u99ac\u300d\u3001\u307e\u305f\u306f\u305d\u308c\u306b\u6a21\u3057\u305f\u3001\u3044\u306b\u3057\u3048\u306e\u30b9\u30e9\u30a4\u30c9\u6620\u5199\u6a5f\u306e\u300c\u56de\u8ee2\u5f0f\u30b9\u30e9\u30a4\u30c9\u88c5\u7f6e\u300d\u3092\u6307\u3059\u3002<\/p>\n<p>\u3053\u3053\u3067\u7d39\u4ecb\u3059\u308b\u306e\u306f\u3001\u3053\u308c\u3089\u306b\u306a\u3089\u3063\u3066\u3001\u8907\u6570\u306e\u753b\u50cf\u304c\u6a2a\u30b9\u30e9\u30a4\u30c9\u3067\u5165\u308c\u66ff\u308f\u308b\u3088\u3046\u306a\u8868\u793a\u52b9\u679c\u3092 web \u4e0a\u3067\u5b9f\u73fe\u3059\u308b\u3082\u306e\u3067\u3042\u308b\u3002web \u3067\u306f\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\u306a\u3069\u3067\u3057\u3070\u3057\u3070\u898b\u304b\u3051\u308b\u3002<\/p>\n<p><img decoding=\"async\" style=\"margin-left:auto;margin-right:auto\" src=\"http:\/\/pclab.makotohiroshige.com\/wp-content\/uploads\/sites\/9\/2016\/02\/bootstrap-carousel01-1.jpg\" alt=\"Bootstrap carousel01\" title=\"bootstrap-carousel01.jpg\" border=\"0\" \/><\/p>\n<p>Bootstrap \u3067\u306f\u3001\u3053\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u7528\u306b\u30af\u30e9\u30b9\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3002\u591a\u5c11\u8a18\u8ff0\u91cf\u304c\u3042\u308b\u304c\u3001\u6c7a\u307e\u308a\u5207\u3063\u305f\u8a18\u8ff0\u3067\u7d30\u304b\u3044\u6a5f\u80fd\u307e\u3067\u5099\u3048\u305f\u30ab\u30eb\u30fc\u30bb\u30eb\u304c\u5b9f\u73fe\u3067\u304d\u308b\u3002<\/p>\n<p>\u4f8b:<\/p>\n<pre>\n&lt;div id=\"c1\" class=\"carousel slide\" data-ride=\"carousel\"&gt;\n &lt;ol class=\"carousel-indicators\"&gt;\n  &lt;li data-target=\"#c1\" data-slide-to=\"0\" class=\"active\"&gt;&lt;\/li&gt;\n  &lt;li data-target=\"#c1\" data-slide-to=\"1\"&gt;&lt;\/li&gt;\n  &lt;li data-target=\"#c1\" data-slide-to=\"2\"&gt;&lt;\/li&gt;\n  &lt;li data-target=\"#c1\" data-slide-to=\"3\"&gt;&lt;\/li&gt;\n &lt;\/ol&gt;\n &lt;div class=\"carousel-inner\"&gt;\n   &lt;div class=\"carousel-item active\"&gt;\n    &lt;img src=\"..\/CSS01\/test01.jpg\"&gt;\n    &lt;div class=\"carousel-caption\"&gt;\n     &lt;p&gt;\u4e0a\u5ddd\u7267\u5834?&lt;\/p&gt;\n    &lt;\/div&gt;\n   &lt;\/div&gt;\n   &lt;div class=\"carousel-item\"&gt;\n    &lt;img src=\"..\/CSS01\/test02.jpg\"&gt;\n    &lt;div class=\"carousel-caption\"&gt;\n     &lt;p&gt;\u65ed\u5c71\u52d5\u7269\u5712&lt;\/p&gt;\n    &lt;\/div&gt;\n   &lt;\/div&gt;\n   &lt;div class=\"carousel-item\"&gt;\n    &lt;img src=\"..\/CSS01\/test03.jpg\"&gt;\n    &lt;div class=\"carousel-caption\"&gt;\n     &lt;p&gt;\u6a19\u6d25\u56f3\u66f8\u9928\u307e\u3064\u308a&lt;\/p&gt;\n    &lt;\/div&gt;\n   &lt;\/div&gt;\n   &lt;div class=\"carousel-item\"&gt;\n    &lt;img src=\"..\/CSS01\/test04.jpg\"&gt;\n    &lt;div class=\"carousel-caption\"&gt;\n     &lt;p&gt;\u91e7\u8def\u306e\u5915\u65e5&lt;\/p&gt;\n    &lt;\/div&gt;\n   &lt;\/div&gt;\n &lt;\/div&gt;\n &lt;a class=\"carousel-control-prev\" href=\"#c1\" role=\"button\" data-slide=\"prev\"&gt;\n   &lt;span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"&gt;&lt;\/span&gt;\n &lt;\/a&gt;\n &lt;a class=\"carousel-control-next\" href=\"#c1\" role=\"button\" data-slide=\"next\"&gt;\n   &lt;span class=\"carousel-control-next-icon\" aria-hidden=\"true\"&gt;&lt;\/span&gt;\n &lt;\/a&gt;\n&lt;\/div&gt;\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u30ab\u30eb\u30fc\u30bb\u30eb carousel \u306f\u3001\u300c\u30e1\u30ea\u30fc\u30b4\u30fc\u30e9\u30a6\u30f3\u30c9 merry-go-round\u300d\u300c\u56de\u8ee2\u6728\u99ac\u300d\u3001\u307e\u305f\u306f\u305d\u308c\u306b\u6a21\u3057\u305f\u3001\u3044\u306b\u3057\u3048\u306e\u30b9\u30e9\u30a4\u30c9\u6620\u5199\u6a5f\u306e\u300c\u56de\u8ee2\u5f0f\u30b9\u30e9\u30a4\u30c9\u88c5\u7f6e\u300d\u3092\u6307\u3059\u3002 \u3053\u3053\u3067\u7d39\u4ecb\u3059\u308b\u306e\u306f\u3001\u3053\u308c\u3089\u306b\u306a\u3089\u3063\u3066\u3001\u8907\u6570 [&hellip;]<\/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-1037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/pages\/1037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pclab.makotohiroshige.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1037"}],"version-history":[{"count":0,"href":"http:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/pages\/1037\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/pclab.makotohiroshige.com\/index.php?rest_route=\/wp\/v2\/pages\/739"}],"wp:attachment":[{"href":"http:\/\/pclab.makotohiroshige.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}