{"action":"created","issue":{"url":"https://api.github.com/repos/cblweb/semantic-ui-bootstrap/issues/2","repository_url":"https://api.github.com/repos/cblweb/semantic-ui-bootstrap","labels_url":"https://api.github.com/repos/cblweb/semantic-ui-bootstrap/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/cblweb/semantic-ui-bootstrap/issues/2/comments","events_url":"https://api.github.com/repos/cblweb/semantic-ui-bootstrap/issues/2/events","html_url":"https://github.com/cblweb/semantic-ui-bootstrap/issues/2","id":136284949,"number":2,"title":"在卡片中使用多个緞帶出现的BUG","user":{"login":"nsnake","id":1638899,"avatar_url":"https://avatars.githubusercontent.com/u/1638899?v=3","gravatar_id":"","url":"https://api.github.com/users/nsnake","html_url":"https://github.com/nsnake","followers_url":"https://api.github.com/users/nsnake/followers","following_url":"https://api.github.com/users/nsnake/following{/other_user}","gists_url":"https://api.github.com/users/nsnake/gists{/gist_id}","starred_url":"https://api.github.com/users/nsnake/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nsnake/subscriptions","organizations_url":"https://api.github.com/users/nsnake/orgs","repos_url":"https://api.github.com/users/nsnake/repos","events_url":"https://api.github.com/users/nsnake/events{/privacy}","received_events_url":"https://api.github.com/users/nsnake/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-02-25T05:23:24Z","updated_at":"2016-02-25T05:50:54Z","closed_at":"2016-02-25T05:50:54Z","body":"演示中使用多个緞帶是需要well的class，在演示中卡片的卡片只使用了一个缎带的情况，如果使用多个的时候，例如\r\n```\r\n<div class=\"card\">\r\n    <div class=\"card-image\">\r\n        <span class=\"label label-danger label-ribbon-left\">Great</span>\r\n        <span class=\"label label-danger label-ribbon-left\">OK</span>\r\n        <div class=\"reveal-dim\">\r\n            <div class=\"reveal-hide reveal-content\">\r\n                <div class=\"reveal-center\">\r\n                    <span><a class=\"btn btn-info\">View Detail</a></span>\r\n                </div>\r\n            </div>\r\n            <img src=\"images/avatar/big/matthew.png\">\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n则2个都出现在同一个位置，造成只会看到一个緞帶的情况。\r\n\r\n而且如果使用well的class，则又会造成页面的错\r\n```\r\n<div class=\"well\">\r\n        <span class=\"label label-danger label-ribbon-left\">Great</span>\r\n        <span class=\"label label-danger label-ribbon-left\">OK</span>\r\n</div>\r\n```\r\n不知道是不是一个Bug\r\n另感谢作者提供这个优秀的UI"},"comment":{"url":"https://api.github.com/repos/cblweb/semantic-ui-bootstrap/issues/comments/188625857","html_url":"https://github.com/cblweb/semantic-ui-bootstrap/issues/2#issuecomment-188625857","issue_url":"https://api.github.com/repos/cblweb/semantic-ui-bootstrap/issues/2","id":188625857,"user":{"login":"cambyliverson","id":8363991,"avatar_url":"https://avatars.githubusercontent.com/u/8363991?v=3","gravatar_id":"","url":"https://api.github.com/users/cambyliverson","html_url":"https://github.com/cambyliverson","followers_url":"https://api.github.com/users/cambyliverson/followers","following_url":"https://api.github.com/users/cambyliverson/following{/other_user}","gists_url":"https://api.github.com/users/cambyliverson/gists{/gist_id}","starred_url":"https://api.github.com/users/cambyliverson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cambyliverson/subscriptions","organizations_url":"https://api.github.com/users/cambyliverson/orgs","repos_url":"https://api.github.com/users/cambyliverson/repos","events_url":"https://api.github.com/users/cambyliverson/events{/privacy}","received_events_url":"https://api.github.com/users/cambyliverson/received_events","type":"User","site_admin":false},"created_at":"2016-02-25T05:50:53Z","updated_at":"2016-02-25T05:50:53Z","body":"建議自行加 margin 解決, 因無法預計你會在同一邊用多少個 ribbon, 我認為不必在 source 添加非必要的 css\r\n\r\nFor two ribbon left in .card:\r\n`.label-ribbon-left + .label-ribbon-left {\r\n  margin-top: 38px;\r\n}`\r\n\r\nFor two ribbon left in .well\r\n`.well .label-ribbon-left + .label-ribbon-left {\r\n  margin-top: 15px;\r\n  clear: left;\r\n}`"}}