{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/17532","repository_url":"https://api.github.com/repos/twbs/bootstrap","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/17532/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/17532/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/17532/events","html_url":"https://github.com/twbs/bootstrap/issues/17532","id":105449163,"number":17532,"title":"v4 docs - navbar dropdown example?","user":{"login":"elite123","id":304047,"avatar_url":"https://avatars.githubusercontent.com/u/304047?v=3","gravatar_id":"","url":"https://api.github.com/users/elite123","html_url":"https://github.com/elite123","followers_url":"https://api.github.com/users/elite123/followers","following_url":"https://api.github.com/users/elite123/following{/other_user}","gists_url":"https://api.github.com/users/elite123/gists{/gist_id}","starred_url":"https://api.github.com/users/elite123/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/elite123/subscriptions","organizations_url":"https://api.github.com/users/elite123/orgs","repos_url":"https://api.github.com/users/elite123/repos","events_url":"https://api.github.com/users/elite123/events{/privacy}","received_events_url":"https://api.github.com/users/elite123/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/twbs/bootstrap/labels/css","name":"css","color":"563d7c"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/docs","name":"docs","color":"0088cc"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/v4","name":"v4","color":"563d7c"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":10,"created_at":"2015-09-08T19:03:20Z","updated_at":"2016-06-26T07:44:20Z","closed_at":null,"body":"Is there a working example of v4 with a dropdown in a navbar?\r\n\r\nNone of the examples seem to have this implemented, or where they do it is broken:\r\n\r\nhttp://v4-alpha.getbootstrap.com/examples/sticky-footer-navbar/\r\nhttp://v4-alpha.getbootstrap.com/examples/offcanvas/\r\n\r\nThanks for any pointers"},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/228588897","html_url":"https://github.com/twbs/bootstrap/issues/17532#issuecomment-228588897","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/17532","id":228588897,"user":{"login":"skyrex-mark","id":13548920,"avatar_url":"https://avatars.githubusercontent.com/u/13548920?v=3","gravatar_id":"","url":"https://api.github.com/users/skyrex-mark","html_url":"https://github.com/skyrex-mark","followers_url":"https://api.github.com/users/skyrex-mark/followers","following_url":"https://api.github.com/users/skyrex-mark/following{/other_user}","gists_url":"https://api.github.com/users/skyrex-mark/gists{/gist_id}","starred_url":"https://api.github.com/users/skyrex-mark/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/skyrex-mark/subscriptions","organizations_url":"https://api.github.com/users/skyrex-mark/orgs","repos_url":"https://api.github.com/users/skyrex-mark/repos","events_url":"https://api.github.com/users/skyrex-mark/events{/privacy}","received_events_url":"https://api.github.com/users/skyrex-mark/received_events","type":"User","site_admin":false},"created_at":"2016-06-26T07:44:20Z","updated_at":"2016-06-26T07:44:20Z","body":"I have been trying to tackle this issue. Below is what I have so far.\r\n\r\nHTML\r\n```html\r\n<!DOCTYPE html>\r\n<html lang=\"\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Untitled Document</title>\r\n    <meta name=\"Author\" content=\"\" />\r\n    <!--Bootstrap CSS-->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css\" integrity=\"sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd\" crossorigin=\"anonymous\">\r\n    <!--Custom CSS-->\r\n    <link rel='stylesheet' href=\"css/style.css\">\r\n</head>\r\n\r\n<body>\r\n\r\n    <nav class=\"navbar navbar-light bg-faded\">\r\n        <button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"#exCollapsingNavbar2\">\r\n            &#9776;\r\n        </button>\r\n        \r\n        <div class=\"collapse navbar-toggleable-xs\" id=\"exCollapsingNavbar2\">\r\n            <a class=\"navbar-brand\" href=\"#\">Responsive navbar</a>\r\n            <ul class=\"nav navbar-nav pull-sm-right\">\r\n                <li class=\"nav-item active\">\r\n                    <a class=\"nav-link\" href=\"#\">Home <span class=\"sr-only\">(current)</span></a>\r\n                    <ul class=\"dropdown list-unstyled\">\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 1</a></li>\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 2</a></li>\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 3</a></li>\r\n                    </ul>\r\n                </li>\r\n                \r\n                <li class=\"nav-item list-unstyled\">\r\n                    <a class=\"nav-link\" href=\"#\">Features</a>\r\n                    <ul class=\"dropdown  list-unstyled\">\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 1</a></li>\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 2</a></li>\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 3</a></li>\r\n                    </ul>\r\n                </li>\r\n\r\n                <li class=\"nav-item\">\r\n                    <a class=\"nav-link\" href=\"#\">Pricing</a>\r\n                    \r\n                    <ul class=\"dropdown list-unstyled\">\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 1</a></li>\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 2</a></li>\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 3</a></li>\r\n                    </ul>\r\n\r\n                </li>\r\n\r\n                <li class=\"nav-item\">\r\n                    <a class=\"nav-link\">About</a>\r\n\r\n                    <ul class=\"dropdown list-unstyled\">\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 1</a></li>\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 2</a></li>\r\n                        <li class=\"dropdown-item\"><a href=\"\">Link 3</a></li>\r\n                    </ul>\r\n\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </nav>\r\n    <!--Jquery JS-->\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js\"></script>\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js\" integrity=\"sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7\" crossorigin=\"anonymous\"></script>\r\n    <script src=\"js/add-content.js\"></script>\r\n</body>\r\n\r\n</html>\r\n```\r\n\r\nCSS\r\n```CSS\r\n.dropdown {\r\n    display: none;\r\n    position: absolute;\r\n    text-decoration: none;\r\n    box-shadow: 3px 3px 5px #505050;\r\n}\r\n\r\n.nav-item:hover .dropdown{\r\n    display:block;\r\n}\r\n\r\n.dropdown-item a {\r\n    text-decoration: none;\r\n    color:black;\r\n \r\n}\r\n```"}}
{"actor":{"display_login":"skyrex-mark"}}