{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/16057","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/16057/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/16057/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/16057/events","html_url":"https://github.com/twbs/bootstrap/issues/16057","id":61056626,"number":16057,"title":".badge within .btn-primary within .panel-default>.panel-heading using wrong style","user":{"login":"colincameron","id":1846118,"avatar_url":"https://avatars.githubusercontent.com/u/1846118?v=3","gravatar_id":"","url":"https://api.github.com/users/colincameron","html_url":"https://github.com/colincameron","followers_url":"https://api.github.com/users/colincameron/followers","following_url":"https://api.github.com/users/colincameron/following{/other_user}","gists_url":"https://api.github.com/users/colincameron/gists{/gist_id}","starred_url":"https://api.github.com/users/colincameron/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/colincameron/subscriptions","organizations_url":"https://api.github.com/users/colincameron/orgs","repos_url":"https://api.github.com/users/colincameron/repos","events_url":"https://api.github.com/users/colincameron/events{/privacy}","received_events_url":"https://api.github.com/users/colincameron/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-03-13T12:46:14Z","updated_at":"2015-03-13T12:49:03Z","closed_at":null,"body":"I have a button inside a panel heading, and the button has a badge on it. The badge is being styled based on being inside the panel heading rather than based on being inside the button, i.e. this rule:\r\n\r\n    .panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}\r\n\r\nis taking precedence over this rule:\r\n\r\n    .btn-primary .badge{color:#337ab7;background-color:#fff}\r\n\r\nThis is causing my badge to look like this:\r\n\r\n![screenshot 2015-03-13 12 32 53](https://cloud.githubusercontent.com/assets/1846118/6638369/1f9bae78-c97d-11e4-8313-17204ec37d44.png)\r\n\r\n[Code example here.](http://jsbin.com/pubuvixuko/1/edit?html,output)\r\n\r\nOf course, I can add the correct colour styling manually to the span to solve my immediate problem, but I would suggest that the styles for badges within button types are moved to later in the CSS file than the styles for badges within panel headers."},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/78956737","html_url":"https://github.com/twbs/bootstrap/issues/16057#issuecomment-78956737","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/16057","id":78956737,"user":{"login":"colincameron","id":1846118,"avatar_url":"https://avatars.githubusercontent.com/u/1846118?v=3","gravatar_id":"","url":"https://api.github.com/users/colincameron","html_url":"https://github.com/colincameron","followers_url":"https://api.github.com/users/colincameron/followers","following_url":"https://api.github.com/users/colincameron/following{/other_user}","gists_url":"https://api.github.com/users/colincameron/gists{/gist_id}","starred_url":"https://api.github.com/users/colincameron/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/colincameron/subscriptions","organizations_url":"https://api.github.com/users/colincameron/orgs","repos_url":"https://api.github.com/users/colincameron/repos","events_url":"https://api.github.com/users/colincameron/events{/privacy}","received_events_url":"https://api.github.com/users/colincameron/received_events","type":"User","site_admin":false},"created_at":"2015-03-13T12:49:03Z","updated_at":"2015-03-13T12:49:03Z","body":"Code sample updated in JS Bin to include button type."}}