{"id":6448,"date":"2018-05-10T10:00:36","date_gmt":"2018-05-10T01:00:36","guid":{"rendered":"https:\/\/www.gigas-jp.com\/appnews\/?p=6448"},"modified":"2018-05-09T17:25:54","modified_gmt":"2018-05-09T08:25:54","slug":"%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%8b%e3%82%a2%e3%81%ab%e6%8d%a7%e3%81%92%e3%82%8b%e3%80%8cbootstrap%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%ae%e5%85%a5%e5%8a%9b%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0-2","status":"publish","type":"post","link":"https:\/\/www.gigas-jp.com\/appnews\/archives\/6448","title":{"rendered":"\u30a8\u30f3\u30b8\u30cb\u30a2\u306b\u6367\u3052\u308b\u300cBootstrap\u3092\u4f7f\u3063\u3066\u306e\u5165\u529b\u30d5\u30a9\u30fc\u30e0\u306e\u4f53\u7cfb\u7684\u306a\u4f5c\u6210\u6cd5\u300d2"},"content":{"rendered":"<p><a href=\"\/appnews\/archives\/6386\">\u524d\u56de<\/a>\u306f\u3001FormGroup\u3092\u4f7f\u3063\u3066\u7e26\u306e\u5165\u529b\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u308a\u65b9\u3092\u7d39\u4ecb\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002<br \/>\n \u4eca\u56de\u306f\u3001<strong>\u30b0\u30ea\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8\u30b7\u30b9\u30c6\u30e0\u3092\u4f7f\u3063\u3066FormGroup\u3092\u6a2a\u4e26\u3073\u306b\u914d\u7f6e\u3059\u308b\u65b9\u6cd5<\/strong>\u3092\u7d39\u4ecb\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/p>\n<p>\u30b0\u30ea\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8\u30b7\u30b9\u30c6\u30e0\u306f\u3001<strong>row<\/strong>\u3084<strong>column<\/strong>\u3092\u4f7f\u3063\u3066\u753b\u9762\u3092\u5206\u5272\u3057\u306a\u304c\u3089\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u308bCSS\u306e\u6a5f\u80fd\u306e\u4e00\u3064\u3067\u3059\u3002<br \/>\n Bootstrap\u3067\u306f\u3001<strong>form-row<\/strong>\u3068\u3044\u3046\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001FormGroup\u3092\u6a2a\u4e26\u3073\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u307e\u3059\u3002<\/p>\n<p><!--more--><\/p>\n<h3>form-row\u3092\u4f7f\u3063\u3066\u306eform-group\u306e\u6a2a\u4e26\u3073\u914d\u7f6e<\/h3>\n<p>\u4f8b\u3068\u3057\u3066form-row\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001<br \/>\n \u4ee5\u4e0b\u306e\u3088\u3046\u306b\u90f5\u4fbf\u756a\u53f7\u3001\u90fd\u9053\u5e9c\u770c\u3001\u5e02\u753a\u6751\u3092\u5165\u529b\u3059\u308b\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092\u6a2a\u4e26\u3073\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u307e\u3059\u3002<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-6464 size-full\" src=\"\/appnews\/wp-content\/uploads\/sites\/4\/2018\/05\/d2cdd9c560eb1df09ab3d3a89b61fe81-1.png\" alt=\"\" width=\"650\" height=\"206\" \/><\/p>\n<table style=\"height: 111px;width: 508px\">\n<tbody>\n<tr style=\"height: 0.875px\">\n<td style=\"width: 512px;height: 0.875px\">\n<p>&lt;div class=&#8221;container&#8221;&gt;<br \/>\n &lt;div class=&#8221;row&#8221;&gt;<br \/>\n &lt;div class=&#8221;col&#8221;&gt;<br \/>\n &lt;form&gt;<br \/>\n \u00a0 \u00a0 <span style=\"color: #ff0000\">&lt;div class=&#8221;<strong>form-row<\/strong>&#8220;&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 <span style=\"color: #0000ff\">&lt;div class=&#8221;form-group <strong>col-4<\/strong>&#8220;&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;label for=&#8221;city&#8221;&gt;City&lt;\/label&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;input type=&#8221;text&#8221; class=&#8221;form-control&#8221; id=&#8221;city&#8221;&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 <span style=\"color: #0000ff\">&lt;\/div&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 <span style=\"color: #0000ff\">&lt;div class=&#8221;form-group <strong>col-4<\/strong>&#8220;&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;label for=&#8221;email&#8221;&gt;State&lt;\/label&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;input type=&#8221;text&#8221; class=&#8221;form-control&#8221; id=&#8221;state&#8221;&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 <span style=\"color: #0000ff\">&lt;\/div&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 <span style=\"color: #0000ff\">&lt;div class=&#8221;form-group<strong> col-4<\/strong>&#8220;&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&lt;label for=&#8221;zip&#8221;&gt;Zip&lt;\/label&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&lt;input type=&#8221;text&#8221; class=&#8221;form-control&#8221; id=&#8221;zip&#8221;&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<span style=\"color: #0000ff\">&lt;\/div&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0<span style=\"color: #ff0000\">&lt;\/div&gt;<\/span><br \/>\n &lt;\/form&gt;<br \/>\n &lt;\/div&gt;<br \/>\n &lt;\/div&gt;<br \/>\n &lt;\/div&gt;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u4e0a\u8a18\u305d\u308c\u305e\u308c\u306e\u5165\u529b\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092form-group\u5316\u3057\u3001form-row\u306b\u3088\u3063\u3066<br \/>\n <strong>\uff11\u3064\u306e\u5217\u3092\uff13\u3064\u306b\u5206\u5272\u3057\u3066\u914d\u7f6e<\/strong>\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-6450 size-full\" src=\"\/appnews\/wp-content\/uploads\/sites\/4\/2018\/05\/d2cdd9c560eb1df09ab3d3a89b61fe81.png\" alt=\"\" width=\"604\" height=\"240\" \/><\/p>\n<p>\u3053\u306e\u3088\u3046\u306bBootstrap\u3067\u306fform-row\u3092\u4f7f\u3046\u3053\u3068\u3067\u3001<br \/>\n form-group\u3092\u30b0\u30ea\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8\u30b7\u30b9\u30c6\u30e0\u306b\u3088\u308b\u914d\u7f6e\u304c\u884c\u3048\u307e\u3059\u3002<\/p>\n<p>\u3055\u3089\u306b\u4f8b\u3048\u3070\u53f3\u5074\u306eform-group\u3092\u53f3\u5bc4\u305b\u306b\u3057\u305f\u3044\u3068\u3044\u3046\u8981\u671b\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<br \/>\n \u3053\u306e\u6642Bootstrap\u3067\u306f\u3001form-group\u306btext-right\u30af\u30e9\u30b9\u3092\u8ffd\u52a0\u3059\u308b\u3060\u3051\u3067\u53f3\u5bc4\u305b\u306b\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u307e\u3059\u3002<\/p>\n<table style=\"height: 111px;width: 508px\">\n<tbody>\n<tr style=\"height: 0.875px\">\n<td style=\"width: 512px;height: 0.875px\">\n<p>&lt;div class=&#8221;container&#8221;&gt;<br \/>\n &lt;div class=&#8221;row&#8221;&gt;<br \/>\n &lt;div class=&#8221;col&#8221;&gt;<br \/>\n &lt;form&gt;<br \/>\n \u00a0\u00a0 \u00a0\u00a0<span style=\"color: #ff0000\">&lt;div class=&#8221;<strong>form-row<\/strong>&#8220;&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0\u00a0<span style=\"color: #0000ff\">&lt;div class=&#8221;form-group\u00a0col-4&#8243;&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;label for=&#8221;city&#8221;&gt;City&lt;\/label&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;input type=&#8221;text&#8221; class=&#8221;form-control&#8221; id=&#8221;city&#8221;&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0\u00a0<span style=\"color: #0000ff\">&lt;\/div&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0\u00a0<span style=\"color: #0000ff\">&lt;div class=&#8221;form-group\u00a0col-4&#8243;&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;label for=&#8221;email&#8221;&gt;State&lt;\/label&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;input type=&#8221;text&#8221; class=&#8221;form-control&#8221; id=&#8221;state&#8221;&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0\u00a0<span style=\"color: #0000ff\">&lt;\/div&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0\u00a0<span style=\"color: #0000ff\">&lt;div class=&#8221;form-group<strong>\u00a0<\/strong>col-4<strong> text-right<\/strong>&#8220;&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&lt;label for=&#8221;zip&#8221;&gt;Zip&lt;\/label&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&lt;input type=&#8221;text&#8221; class=&#8221;form-control&#8221; id=&#8221;zip&#8221;&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&lt;input type=&#8221;submit&#8221; value=&#8221;\u9001\u4fe1&#8221;&gt;<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<span style=\"color: #0000ff\">&lt;\/div&gt;<\/span><br \/>\n \u00a0 \u00a0 \u00a0<span style=\"color: #ff0000\">&lt;\/div&gt;<\/span><br \/>\n &lt;\/form&gt;<br \/>\n &lt;\/div&gt;<br \/>\n &lt;\/div&gt;<br \/>\n &lt;\/div&gt;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\n <img loading=\"lazy\" class=\"alignnone wp-image-6469 size-full\" src=\"\/appnews\/wp-content\/uploads\/sites\/4\/2018\/05\/784ae3e44ee6c8fc289937ec2318f74b.png\" alt=\"\" width=\"673\" height=\"220\" \/><\/p>\n<p>\u3053\u306e\u3088\u3046\u306bBootstrap\u3067\u306f\u3001<br \/>\n \u5404\u30ec\u30a4\u30a2\u30fc\u306b\u5206\u3051\u3066\u5165\u529b\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u306e\u914d\u7f6e\u3092\u8003\u3048\u308b\u3053\u3068\u304c\u51fa\u6765\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u304a\u308a\u3001<br \/>\n \u4f53\u7cfb\u7684\u306bForm\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u307e\u3059\u3002<\/p>\n<p>\u4ee5\u4e0a\u3001Bootstrap\u3092\u4f7f\u3063\u3066\u306eForm\u306e\u4f53\u7cfb\u7684\u306a\u4f5c\u6210\u65b9\u6cd5\u306e\u3054\u7d39\u4ecb\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u6728\u66dc\u62c5\u5f53 yoshimoto<\/p>\n<h3>\u53c2\u7167<\/h3>\n<p>Bootstrap from-row \u516c\u5f0f\u89e3\u8aac<br \/>\n <a href=\"https:\/\/getbootstrap.com\/docs\/4.0\/components\/forms\/#form-row\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/getbootstrap.com\/docs\/4.0\/components\/forms\/#form-row<\/a><\/p>\n<div class='wp_social_bookmarking_light'>\n            <div class=\"wsbl_google_plus_one\"><g:plusone size=\"medium\" annotation=\"none\" href=\"https:\/\/www.gigas-jp.com\/appnews\/archives\/6448\" ><\/g:plusone><\/div>\n            <div class=\"wsbl_hatena_button\"><a href=\"\/\/b.hatena.ne.jp\/entry\/https:\/\/www.gigas-jp.com\/appnews\/archives\/6448\" class=\"hatena-bookmark-button\" data-hatena-bookmark-title=\"\u30a8\u30f3\u30b8\u30cb\u30a2\u306b\u6367\u3052\u308b\u300cBootstrap\u3092\u4f7f\u3063\u3066\u306e\u5165\u529b\u30d5\u30a9\u30fc\u30e0\u306e\u4f53\u7cfb\u7684\u306a\u4f5c\u6210\u6cd5\u300d2\" data-hatena-bookmark-layout=\"standard\" title=\"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"> <img src=\"\/\/b.hatena.ne.jp\/images\/entry-button\/button-only@2x.png\" alt=\"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\" width=\"20\" height=\"20\" style=\"border: none;\" \/><\/a><script type=\"text\/javascript\" src=\"\/\/b.hatena.ne.jp\/js\/bookmark_button.js\" charset=\"utf-8\" async=\"async\"><\/script><\/div>\n            <div class=\"wsbl_twitter\"><a href=\"https:\/\/twitter.com\/share\" class=\"twitter-share-button\" data-url=\"https:\/\/www.gigas-jp.com\/appnews\/archives\/6448\" data-text=\"\u30a8\u30f3\u30b8\u30cb\u30a2\u306b\u6367\u3052\u308b\u300cBootstrap\u3092\u4f7f\u3063\u3066\u306e\u5165\u529b\u30d5\u30a9\u30fc\u30e0\u306e\u4f53\u7cfb\u7684\u306a\u4f5c\u6210\u6cd5\u300d2\" data-via=\"GIGASJAPAN_APPS\" data-lang=\"ja\">Tweet<\/a><\/div>\n            <div class=\"wsbl_facebook_like\"><div id=\"fb-root\"><\/div><fb:like href=\"https:\/\/www.gigas-jp.com\/appnews\/archives\/6448\" layout=\"button_count\" action=\"like\" width=\"100\" share=\"false\" show_faces=\"false\" ><\/fb:like><\/div>\n            <div class=\"wsbl_facebook_send\"><div id=\"fb-root\"><\/div><fb:send href=\"https:\/\/www.gigas-jp.com\/appnews\/archives\/6448\" colorscheme=\"light\" ><\/fb:send><\/div>\n    <\/div>\n<br class='wp_social_bookmarking_light_clear' \/>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u56de\u306f\u3001FormGroup\u3092\u4f7f\u3063\u3066\u7e26\u306e\u5165\u529b\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u308a\u65b9\u3092\u7d39\u4ecb\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002 \u4eca\u56de\u306f\u3001\u30b0\u30ea\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8\u30b7\u30b9\u30c6\u30e0\u3092\u4f7f\u3063\u3066FormGroup\u3092\u6a2a\u4e26\u3073\u306b\u914d\u7f6e\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002 \u30b0\u30ea\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8\u30b7\u30b9 [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[100],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/posts\/6448"}],"collection":[{"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/comments?post=6448"}],"version-history":[{"count":24,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/posts\/6448\/revisions"}],"predecessor-version":[{"id":6477,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/posts\/6448\/revisions\/6477"}],"wp:attachment":[{"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/media?parent=6448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/categories?post=6448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/tags?post=6448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}