{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/26567","repository_url":"https://api.github.com/repos/twbs/bootstrap","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/26567/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/26567/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/26567/events","html_url":"https://github.com/twbs/bootstrap/issues/26567","id":325692725,"node_id":"MDU6SXNzdWUzMjU2OTI3MjU=","number":26567,"title":".nav .flex-column and collapse - problem with display block","user":{"login":"SkuterPL","id":37087362,"node_id":"MDQ6VXNlcjM3MDg3MzYy","avatar_url":"https://avatars2.githubusercontent.com/u/37087362?v=4","gravatar_id":"","url":"https://api.github.com/users/SkuterPL","html_url":"https://github.com/SkuterPL","followers_url":"https://api.github.com/users/SkuterPL/followers","following_url":"https://api.github.com/users/SkuterPL/following{/other_user}","gists_url":"https://api.github.com/users/SkuterPL/gists{/gist_id}","starred_url":"https://api.github.com/users/SkuterPL/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SkuterPL/subscriptions","organizations_url":"https://api.github.com/users/SkuterPL/orgs","repos_url":"https://api.github.com/users/SkuterPL/repos","events_url":"https://api.github.com/users/SkuterPL/events{/privacy}","received_events_url":"https://api.github.com/users/SkuterPL/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2018-05-23T12:56:04Z","updated_at":"2018-06-04T18:59:10Z","closed_at":"2018-05-24T02:41:50Z","author_association":"NONE","body":"Hi,\r\nI want to create Vertical navbar with collapse on mobile phone, so I wrote this code:\r\n\r\n`\t\t\t\t<div class=\"col-md-3\">\r\n\t\t\t\t\t<h2 data-toggle=\"collapse\" data-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\" role=\"button\">Mapa strony</h2>\r\n\t\t\t\t\t\t<ul class=\"nav .flex-column collapse\" id=\"collapseTwo\" aria-labelledby=\"headingTwo\" data-parent=\"#accordion\">\r\n\t\t\t\t\t\t\t<?php\r\n\t\t\t\t\t\t\tforeach ($menu as $index => $menu_one) {\r\n\t\t\t\t\t\t\t\techo '<li class=\"nav-item\"><a href=\"/' .$menu_one['alias']. '.html\" class=\"nav-link\">' . $menu_one['name_' . lang('nazwa') . ''] . '</a></li>';\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t?>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t</div>`\r\n\r\nBut when I click my h2 button I am getting problem with class .show because it is `display: block` and in `.flex-column' class has `!important`. \r\n\r\nI tried to delete `.flex-column' class from `ul` element and add this code directly to the nav element to delete `!important`, but still problem exsists, because of `display: block`.\r\n\r\nI read this issue: https://github.com/twbs/bootstrap/pull/22758 but this new class `.flexshow` is only added when detect `.row`.\r\n\r\nMaybe you should add some fix for `.flex-column` or maybe anyone know the best way to fix that?\r\n\r\nRegards,\r\nTomek"},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/394462364","html_url":"https://github.com/twbs/bootstrap/issues/26567#issuecomment-394462364","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/26567","id":394462364,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NDQ2MjM2NA==","user":{"login":"SkuterPL","id":37087362,"node_id":"MDQ6VXNlcjM3MDg3MzYy","avatar_url":"https://avatars2.githubusercontent.com/u/37087362?v=4","gravatar_id":"","url":"https://api.github.com/users/SkuterPL","html_url":"https://github.com/SkuterPL","followers_url":"https://api.github.com/users/SkuterPL/followers","following_url":"https://api.github.com/users/SkuterPL/following{/other_user}","gists_url":"https://api.github.com/users/SkuterPL/gists{/gist_id}","starred_url":"https://api.github.com/users/SkuterPL/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SkuterPL/subscriptions","organizations_url":"https://api.github.com/users/SkuterPL/orgs","repos_url":"https://api.github.com/users/SkuterPL/repos","events_url":"https://api.github.com/users/SkuterPL/events{/privacy}","received_events_url":"https://api.github.com/users/SkuterPL/received_events","type":"User","site_admin":false},"created_at":"2018-06-04T18:59:10Z","updated_at":"2018-06-04T18:59:10Z","author_association":"NONE","body":"No, there is no fix for that. I updated my jsfiddle and you can see that bug still exist. This fix which you sent was when parent is `.row`, but in my code there is no `.row`, just `.flex-column`."}}
{"actor":{"display_login":"SkuterPL"}}