{"id":69,"date":"2016-12-01T08:12:54","date_gmt":"2016-12-01T08:12:54","guid":{"rendered":"https:\/\/www.dogrow.net\/hp\/?p=69"},"modified":"2017-09-01T20:59:46","modified_gmt":"2017-09-01T11:59:46","slug":"blog10","status":"publish","type":"post","link":"https:\/\/www.dogrow.net\/hp\/blog10\/","title":{"rendered":"(10) Bootstrap\u3092\u4f7f\u3063\u3066\u307f\u308b"},"content":{"rendered":"

Bootstrap\u306e\u7d39\u4ecb\u306f\u4ee5\u4e0b\u306ewiki\u30da\u30fc\u30b8\u3092\u53c2\u7167\u306e\u3053\u3068\u3002
\nhttps:\/\/ja.wikipedia.org\/wiki\/Bootstrap<\/a><\/p>\n

(1) \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h3>\n

\u4ee5\u4e0b\u306e\u30da\u30fc\u30b8\u304b\u3089\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002\uff082016\u5e7411\u6708\u6642\u70b9\u306e\u6700\u65b0\u7248\u306f v3.3.7\u3067\u3059\u3002\uff09<\/p>\n

<\/a><\/p>\n

(2) \u5b9f\u88c5\u4f8b\uff11\uff1aHello World<\/h3>\n

\u4e0a\u8a18\u306e\u516c\u5f0f\u30da\u30fc\u30b8\u306b\u8a18\u8f09\u3055\u308c\u3066\u3044\u308b\u6700\u5c0f\u5b9f\u88c5\u4f8b\u306f\u3053\u3061\u3089\u3002\uff08\u5c11\u3057\u9593\u5f15\u304d\uff09
\nSample#1<\/a><\/p>\n

\r\n<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n  <head>\r\n    <meta charset=\"utf-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><\/span>\r\n    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->\r\n    <title>Bootstrap Sample<\/title>\r\n\r\n    <!-- Bootstrap -->\r\n    <link href=\"..\/bootstrap\/css\/bootstrap.min.css\" rel=\"stylesheet\"><\/span>\r\n\r\n  <\/head>\r\n  <body>\r\n    <h1>Hello, world!<\/h1>\r\n\r\n    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->\r\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.1.1\/jquery.min.js\"><\/script><\/span>\r\n    <!-- Include all compiled plugins (below), or include individual files as needed -->\r\n    <script src=\"..\/bootstrap\/js\/bootstrap.min.js\"><\/script><\/span>\r\n  <\/body>\r\n<\/html>\r\n<\/pre>\n
head\u4e2d\u306b\u4ee5\u4e0b\u306e\uff13\u884c\u3092\u8a18\u8ff0\u3059\u308b\u3002<\/p>\n
\r\n<meta charset=\"utf-8\">\r\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<\/pre>\n
head\u4e2d\u3067bootstrap.min.css\u3092\u53c2\u7167\u3059\u308b\u3002<\/p>\n
\r\n<link href=\"..\/bootstrap\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n<\/pre>\n
JQuery\u306f\u5fc5\u9808\uff01
\nJQuery\u306e\u5f8c\u306bbootstrap.min.js\u3092\u8aad\u307f\u8fbc\u3080\u3002
\n\u203b\u30da\u30fc\u30b8\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u65e9\u304f\u3059\u308b\u305f\u3081\u3001\u6700\u4e0b\u90e8\u306b\u66f8\u3051\u3068\u306e\u3053\u3068\u3002<\/span><\/p>\n
\r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.1.1\/jquery.min.js\"><\/script>\r\n<script src=\"..\/bootstrap\/js\/bootstrap.min.js\"><\/script>\r\n<\/pre>\n
(3) \u5b9f\u88c5\u4f8b\uff12\uff1aMenu\u8868\u793a<\/h3>\n
\u4e0a\u8a18\u306e\u516c\u5f0f\u30da\u30fc\u30b8\u306b\u8a18\u8f09\u3055\u308c\u3066\u3044\u308b\u30e1\u30cb\u30e5\u30fc\u8868\u793a\u306e\u5b9f\u88c5\u4f8b\u306f\u3053\u3061\u3089\u3002\uff08\u5c11\u3057\u9593\u5f15\u304d\uff09
\nSample#2<\/a><\/p>\n
\r\n<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n  <head>\r\n    <meta charset=\"utf-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->\r\n    <meta name=\"description\" content=\"\">\r\n    <meta name=\"author\" content=\"\">\r\n    <link rel=\"icon\" href=\"..\/..\/favicon.ico\">\r\n    <title>Starter Template for Bootstrap<\/title>\r\n    <!-- Bootstrap core CSS -->\r\n    <link href=\"..\/bootstrap\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n  <\/head>\r\n\r\n  <body style=\"padding:50px;\">\r\n\r\n    <nav class=\"navbar navbar-inverse navbar-fixed-top\">\r\n      <div class=\"container\">\r\n        <div class=\"navbar-header\">\r\n          <button type=\"button\" class=\"navbar-toggle collapsed\" data-toggle=\"collapse\" data-target=\"#navbar\" aria-expanded=\"false\" aria-controls=\"navbar\">\r\n            <span class=\"sr-only\">Toggle navigation<\/span>\r\n            <span class=\"icon-bar\"><\/span>\r\n            <span class=\"icon-bar\"><\/span>\r\n            <span class=\"icon-bar\"><\/span>\r\n          <\/button>\r\n          <a class=\"navbar-brand\" href=\"#\">Project name<\/a>\r\n        <\/div>\r\n        <div id=\"navbar\" class=\"collapse navbar-collapse\">\r\n          <ul class=\"nav navbar-nav\">\r\n            <li class=\"active\"><a href=\"#\">Home<\/a><\/li>\r\n            <li><a href=\"#about\">About<\/a><\/li>\r\n            <li><a href=\"#contact\">Contact<\/a><\/li>\r\n          <\/ul>\r\n        <\/div><!--\/.nav-collapse -->\r\n      <\/div>\r\n    <\/nav>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"starter-template\">\r\n        <h1>Sample2 : Menu sample<\/h1>\r\n        <p class=\"lead\">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<\/p>\r\n      <\/div>\r\n    <\/div><!-- \/.container -->\r\n\r\n    <!-- Bootstrap core JavaScript -->\r\n    <!-- Placed at the end of the document so the pages load faster -->\r\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.1.1\/jquery.min.js\"><\/script>\r\n    <script src=\"..\/bootstrap\/js\/bootstrap.min.js\"><\/script>\r\n  <\/body>\r\n<\/html>\r\n<\/pre>\n
\n","protected":false},"excerpt":{"rendered":"
Bootstrap\u306e\u7d39\u4ecb\u306f\u4ee5\u4e0b\u306ewiki\u30da\u30fc\u30b8\u3092\u53c2\u7167\u306e\u3053\u3068\u3002 https:\/\/ja.wikipedia.org\/wiki\/Bootstrap (1) \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 \u4ee5\u4e0b\u306e\u30da\u30fc\u30b8\u304b\u3089\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002\uff082016\u5e7411\u6708\u6642\u2026 \u7d9a\u304d\u3092\u8aad\u3080 »<\/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":[7],"tags":[],"class_list":["post-69","post","type-post","status-publish","format-standard","hentry","category-bootstrap"],"views":1599,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":30,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/69\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}