{"id":389,"date":"2021-08-15T22:35:01","date_gmt":"2021-08-15T13:35:01","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=389"},"modified":"2022-12-31T00:57:45","modified_gmt":"2022-12-30T15:57:45","slug":"bootstrap2","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/08\/15\/bootstrap2\/","title":{"rendered":"Bootstrap\u306e\u307e\u3068\u30812(Jumbotoron)"},"content":{"rendered":"

Bootstrap\u3067\u5b9f\u969b\u306b\u8a66\u3057\u3066\u307f\u308b<\/h3>\n

\u5b9f\u88c5\u30a4\u30e1\u30fc\u30b8<\/h2>\n

\"\"<\/p>\n

HTML\u306e\u8a18\u8ff0<\/h3>\n
\n
<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n<head>\r\n\u00a0 <meta charset=\"utf-8\">\r\n\u00a0 <title>Bootstrap<\/title>\r\n\u00a0 <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"> <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0-beta.2\/css\/bootstrap.min.css\" integrity=\"sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb\" crossorigin=\"anonymous\">\r\n<\/head>\r\n <body>\r\n \u00a0 <h1>Bootstrap<\/h1>\r\n \u00a0 <button type=\"button\">\u30dc\u30bf\u30f3<\/button>\r\n \u00a0 <button type=\"button\" class=\"btn btn-primary\">Primary<\/button>\r\n   <button type=\"button\" class=\"btn btn-success\">Success<\/button>\r\n   <button type=\"button\" class=\"btn btn-outline-primary\">Primary<\/button>\r\n   <button type=\"button\" class=\"btn btn-outline-success\">Success<\/button>\r\n   <button type=\"button\" class=\"btn btn-primary btn-lg\">Primary<\/button>\r\n \u00a0 <button type=\"button\" class=\"btn btn-success btn-sm\">Success<\/button>\r\n   <button type=\"button\" class=\"btn btn-success btn-sm\" disabled>Success<\/button>\r\n\u00a0 <div class=\"container\">\r\n\u00a0 \u00a0 <div class=\"jumbotron\">\r\n\u00a0 \u00a0 \u00a0 <h1>Jumbotoron<\/h1>\r\n\u00a0 \u00a0 \u00a0 <p>Bootstrap\u3078\u3088\u3046\u3053\u305d<\/p>\r\n\u00a0 \u00a0 \u00a0 <button class=\"btn btn-primary btn-lg\">Sing Up<\/button>\r\n\u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 <form>\r\n\u00a0 \u00a0 \u00a0 <div class=\"form-group\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <label for=\"exampleInputEmail1\">Email address<\/label>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <input type=\"email\" class=\"form-control\" id=\"exampleInputEmail1\" aria-describedby=\"emailHelp\" placeholder=\"Enter email\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <small id=\"emailHelp\" class=\"form-text text-muted\">We'll never share your email with anyone else.<\/small>\r\n \u00a0 \u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 \u00a0 <div class=\"form-group\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <label for=\"exampleInputPassword1\">Password<\/label>\r\n \u00a0 \u00a0 \u00a0 \u00a0 <input type=\"password\" class=\"form-control\" id=\"exampleInputPassword1\" placeholder=\"Password\">\r\n\u00a0 \u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 \u00a0 <div class=\"form-check\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <label class=\"form-check-label\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <input type=\"checkbox\" class=\"form-check-input\">Check me out\r\n \u00a0 \u00a0 \u00a0 \u00a0<\/label>\r\n\u00a0 \u00a0 \u00a0 <\/div>\r\n \u00a0 \u00a0 \u00a0 <button type=\"submit\" class=\"btn btn-primary\">Submit<\/button>\r\n\u00a0 \u00a0 <\/form>\r\n \u00a0 <\/div>\r\n \u00a0<script src=\"https:\/\/code.jquery.com\/jquery-3.2.1.slim.min.js\" integrity=\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr\/rE9\/Qpg6aAZGJwFDMVNA\/GpGFF93hXpG5KkN\" crossorigin=\"anonymous\"><\/script>\r\n\u00a0 <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.12.3\/umd\/popper.min.js\" integrity=\"sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh\" crossorigin=\"anonymous\"><\/script>\r\n\u00a0 <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0-beta.2\/js\/bootstrap.min.js\" integrity=\"sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ\" crossorigin=\"anonymous\"><\/script>\r\n<\/body>\r\n<\/html><\/code><\/pre>\n<\/div>\n
\u203b\u30dd\u30a4\u30f3\u30c8<\/h3>\n
CSS\u306b\u4f55\u3082\u66f8\u304b\u306a\u304f\u3066\u3082HTML\u3060\u3051\u3067\u5b9f\u73fe\u3067\u304d\u308b\u306e\u3082\u30e1\u30ea\u30c3\u30c8\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
Bootstrap\u3067\u5b9f\u969b\u306b\u8a66\u3057\u3066\u307f\u308b \u5b9f\u88c5\u30a4\u30e1\u30fc\u30b8 HTML\u306e\u8a18\u8ff0 <!DOCTYPE html> <html lang=”ja”> <head> \u00a0 <meta charset […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[2,27],"tags":[],"class_list":["post-389","post","type-post","status-publish","format-standard","hentry","category-bootstrap","category-programming-note"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t