网格内部Bootstrap响应NavBar

时间:2017-04-15 10:29:56

标签: css twitter-bootstrap grid navbar

我需要你的帮助。我正在尝试在NBootstrap NavBar中使用Bootstrap网格系统。问题是当我在NavBar中使用Grid时,NavBar变得无响应,这意味着,如果在NavBar中使用了网格,则在缩小的视口上NavBar切换不再有效。

body
    .container-fluid
        .container
            nav.navbar.navbar-toggleable-md.navbar-light.bg-faded.row
                button.navbar-toggler.navbar-toggler-right(type='button' data-toggle='collapse' data-target='#navbarSupportedContent' aria-controls='navbarSupportedContent' aria-expanded='false' aria-label='Toggle navigation')
                    span.navbar-toggler-icon
                .navbar-brand.col-lg-3
                    img(src='img/main-logo.svg' height='60')
                .collapse.navbar-collapse#navbarSupportedContent.justify-content-end.col-lg-9
                    ul.navbar-nav.ul-extension.nav-fill
                        li.nav-item.active
                            a.nav-link(href="#") Home
                        li.nav-item
                            a.nav-link(href='#') About
                        li.nav-item
                            a.nav-link(href='#') Services
                        li.nav-item
                            a.nav-link(href='#') Gallery
                        li.nav-item
                            a.nav-link(href='#') Contact

0 个答案:

没有答案