{"action":"created","issue":{"url":"https://api.github.com/repos/ericvicenti/intro-to-react/issues/2","repository_url":"https://api.github.com/repos/ericvicenti/intro-to-react","labels_url":"https://api.github.com/repos/ericvicenti/intro-to-react/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/ericvicenti/intro-to-react/issues/2/comments","events_url":"https://api.github.com/repos/ericvicenti/intro-to-react/issues/2/events","html_url":"https://github.com/ericvicenti/intro-to-react/issues/2","id":271215316,"node_id":"MDU6SXNzdWUyNzEyMTUzMTY=","number":2,"title":"Bootswatch styles error","user":{"login":"lenin-anzen","id":29325809,"node_id":"MDQ6VXNlcjI5MzI1ODA5","avatar_url":"https://avatars1.githubusercontent.com/u/29325809?v=4","gravatar_id":"","url":"https://api.github.com/users/lenin-anzen","html_url":"https://github.com/lenin-anzen","followers_url":"https://api.github.com/users/lenin-anzen/followers","following_url":"https://api.github.com/users/lenin-anzen/following{/other_user}","gists_url":"https://api.github.com/users/lenin-anzen/gists{/gist_id}","starred_url":"https://api.github.com/users/lenin-anzen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lenin-anzen/subscriptions","organizations_url":"https://api.github.com/users/lenin-anzen/orgs","repos_url":"https://api.github.com/users/lenin-anzen/repos","events_url":"https://api.github.com/users/lenin-anzen/events{/privacy}","received_events_url":"https://api.github.com/users/lenin-anzen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-11-04T18:54:17Z","updated_at":"2018-06-15T15:36:17Z","closed_at":null,"author_association":"NONE","body":"I had a problem with the import of the Bootswatch CSS file.\r\n\r\nI resolved it with the next path:\r\n`import \"bootswatch/dist/journal/bootstrap.css\";`\r\n\r\nBut it shows the **NavItem** component(_pills_) as follows:\r\n![image](https://user-images.githubusercontent.com/29325809/32408499-5f74a334-c15e-11e7-9d6d-7adbe55dabfa.png)\r\n \r\nThe layout of the pills in the Bootswatch site is:\r\n```\r\n<ul class=\"nav nav-pills\">\r\n    <li class=\"nav-item\">\r\n        <a class=\"nav-link active\" href=\"#\">Active</a>\r\n    </li>\r\n    <li class=\"nav-item\">\r\n        <a class=\"nav-link\" href=\"#\">Link</a>\r\n    </li>\r\n    <li class=\"nav-item\">\r\n        <a class=\"nav-link disabled\" href=\"#\">Disabled</a>\r\n    </li>\r\n</ul>\r\n```\r\n\r\nThe layout of the **Nav**, **NavItem** components are:\r\n```\r\n<ul class=\"nav nav-pills nav-stacked\">\r\n    <li role=\"presentation\" class=\"active\">\r\n        <a role=\"button\" href=\"#\">Palo Alto</a>\r\n    </li>\r\n    <li role=\"presentation\" class=\"\">\r\n        <a role=\"button\" href=\"#\">San Jose</a>\r\n    </li>\r\n    <li role=\"presentation\" class=\"\">\r\n        <a role=\"button\" href=\"#\">Santa Cruz</a>\r\n    </li>\r\n    <li role=\"presentation\" class=\"\">\r\n        <a role=\"button\" href=\"#\">Honolulu</a>\r\n    </li>\r\n</ul>\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/ericvicenti/intro-to-react/issues/comments/397659778","html_url":"https://github.com/ericvicenti/intro-to-react/issues/2#issuecomment-397659778","issue_url":"https://api.github.com/repos/ericvicenti/intro-to-react/issues/2","id":397659778,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NzY1OTc3OA==","user":{"login":"98WuG","id":22160945,"node_id":"MDQ6VXNlcjIyMTYwOTQ1","avatar_url":"https://avatars3.githubusercontent.com/u/22160945?v=4","gravatar_id":"","url":"https://api.github.com/users/98WuG","html_url":"https://github.com/98WuG","followers_url":"https://api.github.com/users/98WuG/followers","following_url":"https://api.github.com/users/98WuG/following{/other_user}","gists_url":"https://api.github.com/users/98WuG/gists{/gist_id}","starred_url":"https://api.github.com/users/98WuG/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/98WuG/subscriptions","organizations_url":"https://api.github.com/users/98WuG/orgs","repos_url":"https://api.github.com/users/98WuG/repos","events_url":"https://api.github.com/users/98WuG/events{/privacy}","received_events_url":"https://api.github.com/users/98WuG/received_events","type":"User","site_admin":false},"created_at":"2018-06-15T15:36:17Z","updated_at":"2018-06-15T15:36:17Z","author_association":"NONE","body":"Don't mean to necropost, but you can fix this by using bootstrap 3 instead of bootstrap 4. This is the bootstrap version that react-bootstrap is expecting. With yarn, the command would be `yarn add bootstrap@3.3.7 -E`. If you're using bootswatch, be sure to also run `yarn add bootswatch@3.3.7 -E`. Hope this helped!"}}
{"actor":{"display_login":"98WuG"}}