{"action":"created","issue":{"url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/4313","labels_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/4313/labels{/name}","comments_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/4313/comments","events_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/4313/events","html_url":"https://github.com/FortAwesome/Font-Awesome/issues/4313","id":41833862,"number":4313,"title":"Font Awesome icon placement when used in Bootstrap input with feedback","user":{"login":"traviswatsonws","id":835300,"avatar_url":"https://avatars.githubusercontent.com/u/835300?v=3","gravatar_id":"","url":"https://api.github.com/users/traviswatsonws","html_url":"https://github.com/traviswatsonws","followers_url":"https://api.github.com/users/traviswatsonws/followers","following_url":"https://api.github.com/users/traviswatsonws/following{/other_user}","gists_url":"https://api.github.com/users/traviswatsonws/gists{/gist_id}","starred_url":"https://api.github.com/users/traviswatsonws/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/traviswatsonws/subscriptions","organizations_url":"https://api.github.com/users/traviswatsonws/orgs","repos_url":"https://api.github.com/users/traviswatsonws/repos","events_url":"https://api.github.com/users/traviswatsonws/events{/privacy}","received_events_url":"https://api.github.com/users/traviswatsonws/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/FortAwesome/Font-Awesome/labels/bug","name":"bug","color":"e10c02"},{"url":"https://api.github.com/repos/FortAwesome/Font-Awesome/labels/doc","name":"doc","color":"e102d8"}],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/FortAwesome/Font-Awesome/milestones/13","html_url":"https://github.com/FortAwesome/Font-Awesome/milestones/5.0.0","labels_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/milestones/13/labels","id":658691,"number":13,"title":"5.0.0","description":"","creator":{"login":"davegandy","id":1076721,"avatar_url":"https://avatars.githubusercontent.com/u/1076721?v=3","gravatar_id":"","url":"https://api.github.com/users/davegandy","html_url":"https://github.com/davegandy","followers_url":"https://api.github.com/users/davegandy/followers","following_url":"https://api.github.com/users/davegandy/following{/other_user}","gists_url":"https://api.github.com/users/davegandy/gists{/gist_id}","starred_url":"https://api.github.com/users/davegandy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davegandy/subscriptions","organizations_url":"https://api.github.com/users/davegandy/orgs","repos_url":"https://api.github.com/users/davegandy/repos","events_url":"https://api.github.com/users/davegandy/events{/privacy}","received_events_url":"https://api.github.com/users/davegandy/received_events","type":"User","site_admin":false},"open_issues":69,"closed_issues":3,"state":"open","created_at":"2014-05-14T13:36:52Z","updated_at":"2015-03-10T17:25:15Z","due_on":null,"closed_at":null},"comments":4,"created_at":"2014-09-03T16:09:44Z","updated_at":"2015-03-13T13:55:02Z","closed_at":null,"body":"When attempting to use Font-Awesome icons within a Bootstrap [input with feedback](http://getbootstrap.com/css/#forms-control-validation), the placement is off:\r\n\r\n![image](https://cloud.githubusercontent.com/assets/835300/4137070/c47d34b0-3383-11e4-997f-c5a50d2a08ff.png)\r\n\r\nFont-Awesome is overwriting a couple of rules that fix this alignment:\r\n\r\n![image](https://cloud.githubusercontent.com/assets/835300/4137094/f1413302-3383-11e4-8cea-1e58034acc70.png)\r\n\r\nThe workaround I'm currently using is to place the Font-Awesome `<link>` above Bootstrap to give the `fa` rules a lower precedence.  Here's a snippet to reproduce (or in a [codepen](http://codepen.io/traviswatson/pen/LEmkI) if you prefer):\r\n\r\n    <div class=\"form-group has-feedback\">\r\n        <label class=\"control-label\">Font Awesome</label>\r\n        <input type=\"text\" class=\"form-control\">\r\n        <span class=\"fa fa-search form-control-feedback\"></span>\r\n    </div>\r\n    <div class=\"form-group has-feedback\">\r\n        <label class=\"control-label\">Glyphicon</label>\r\n        <input type=\"text\" class=\"form-control\">\r\n        <span class=\"glyphicon glyphicon-search form-control-feedback\"></span>\r\n    </div>"},"comment":{"url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/comments/78981339","html_url":"https://github.com/FortAwesome/Font-Awesome/issues/4313#issuecomment-78981339","issue_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/4313","id":78981339,"user":{"login":"jdoles","id":5995756,"avatar_url":"https://avatars.githubusercontent.com/u/5995756?v=3","gravatar_id":"","url":"https://api.github.com/users/jdoles","html_url":"https://github.com/jdoles","followers_url":"https://api.github.com/users/jdoles/followers","following_url":"https://api.github.com/users/jdoles/following{/other_user}","gists_url":"https://api.github.com/users/jdoles/gists{/gist_id}","starred_url":"https://api.github.com/users/jdoles/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jdoles/subscriptions","organizations_url":"https://api.github.com/users/jdoles/orgs","repos_url":"https://api.github.com/users/jdoles/repos","events_url":"https://api.github.com/users/jdoles/events{/privacy}","received_events_url":"https://api.github.com/users/jdoles/received_events","type":"User","site_admin":false},"created_at":"2015-03-13T13:55:02Z","updated_at":"2015-03-13T13:55:02Z","body":"@traviswatsonws Thanks for the simple \"fix\". Saved me from venturing down a dark path."}}