{"action":"created","issue":{"url":"https://api.github.com/repos/kenji0919/pirodx_manager/issues/146","labels_url":"https://api.github.com/repos/kenji0919/pirodx_manager/issues/146/labels{/name}","comments_url":"https://api.github.com/repos/kenji0919/pirodx_manager/issues/146/comments","events_url":"https://api.github.com/repos/kenji0919/pirodx_manager/issues/146/events","html_url":"https://github.com/kenji0919/pirodx_manager/pull/146","id":67795234,"number":146,"title":"UIのモバイル対応","user":{"login":"suitougreentea","id":1333491,"avatar_url":"https://avatars.githubusercontent.com/u/1333491?v=3","gravatar_id":"","url":"https://api.github.com/users/suitougreentea","html_url":"https://github.com/suitougreentea","followers_url":"https://api.github.com/users/suitougreentea/followers","following_url":"https://api.github.com/users/suitougreentea/following{/other_user}","gists_url":"https://api.github.com/users/suitougreentea/gists{/gist_id}","starred_url":"https://api.github.com/users/suitougreentea/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/suitougreentea/subscriptions","organizations_url":"https://api.github.com/users/suitougreentea/orgs","repos_url":"https://api.github.com/users/suitougreentea/repos","events_url":"https://api.github.com/users/suitougreentea/events{/privacy}","received_events_url":"https://api.github.com/users/suitougreentea/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/kenji0919/pirodx_manager/labels/work_in_progress","name":"work_in_progress","color":"e11d21"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-04-11T14:47:51Z","updated_at":"2015-04-14T09:24:49Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/kenji0919/pirodx_manager/pulls/146","html_url":"https://github.com/kenji0919/pirodx_manager/pull/146","diff_url":"https://github.com/kenji0919/pirodx_manager/pull/146.diff","patch_url":"https://github.com/kenji0919/pirodx_manager/pull/146.patch"},"body":"Bootstrapはモバイルファーストを謳っていますが、実装当時はいちいちデザインとかしてられなかったと思うので、モバイル対応をぼちぼち進めていきたいと思います。\r\n~~とりあえず、xs(<768px), md(992-1200px)でのデザインを定義します。\r\nまだ試していませんが、sm(768-992px), lg(>=1200px)はそれぞれxs, mdのものを使ってくれるのだと思います。~~\r\nhidden, visibleあたりがちゃんと考えないと間違えそうなので、4種類がんばります"},"comment":{"url":"https://api.github.com/repos/kenji0919/pirodx_manager/issues/comments/92715451","html_url":"https://github.com/kenji0919/pirodx_manager/pull/146#issuecomment-92715451","issue_url":"https://api.github.com/repos/kenji0919/pirodx_manager/issues/146","id":92715451,"user":{"login":"suitougreentea","id":1333491,"avatar_url":"https://avatars.githubusercontent.com/u/1333491?v=3","gravatar_id":"","url":"https://api.github.com/users/suitougreentea","html_url":"https://github.com/suitougreentea","followers_url":"https://api.github.com/users/suitougreentea/followers","following_url":"https://api.github.com/users/suitougreentea/following{/other_user}","gists_url":"https://api.github.com/users/suitougreentea/gists{/gist_id}","starred_url":"https://api.github.com/users/suitougreentea/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/suitougreentea/subscriptions","organizations_url":"https://api.github.com/users/suitougreentea/orgs","repos_url":"https://api.github.com/users/suitougreentea/repos","events_url":"https://api.github.com/users/suitougreentea/events{/privacy}","received_events_url":"https://api.github.com/users/suitougreentea/received_events","type":"User","site_admin":false},"created_at":"2015-04-14T09:24:49Z","updated_at":"2015-04-14T09:24:49Z","body":"2段っての試してみたいですね。やってみます。\r\n\r\n以下、bootstrapノウハウ\r\nグリッドレイアウトは基本.row>.col-*という構造になるようにしています。入れ子にする時に.rowが無かったりするとレイアウトが変わってしまうようです。\r\nあとこれは正しいのかちょっと怪しいのですが、.col-*は他のクラス(.wellとか)と併用するのは良くないのかもしれません。公式のサンプルがそのようになっているので。ただ、.control-labelだけは.col-*と併用していますね。\r\n\r\n参考にしているのは公式ページですねー。\r\n\r\nhttp://getbootstrap.com/components/\r\nhttp://getbootstrap.com/css/"}}