creativetimofficial / get-shit-done

A free UI Kit built on Twitter Bootstrap
MIT License
107 stars 132 forks source link

Collapse #12

Open bretonio opened 6 years ago

bretonio commented 6 years ago

Navbar. Move to strike as nonresponsive! Above, on reduction to small screeen on Google Chrome. Same result on Firefox. I adapted the example code somewhat, as follows. Have I introduced human all too human error?

#navbar
    nav.navbar.navbar-ct-red.navbar-fixed-top(style='background-color: firebrick;')
        .container-fluid
            .navbar-header
                    .navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#Bootstrap-example-navbar-collapse-1', aria-expanded='false')
                    span.sr-only Chaveiando a Navegação
                    span.icon-bar
                    span.icon-bar
                    span.icon-bar
                a.navbar-brand(href='javascript:void(0);') 
                    i.fa.fa-gears.fa-lg
                    |    Engenho Novo LLC
            #bs-example-navbar-collapse-1.collapse.navbar-collapse
                ul.nav.navbar-nav
                    li.active
                        a(href='javascript:void(0);')
                            | Crooklyn 
                            span.sr-only (current)
                    li
                        a(href='javascript:void(0);') Samboja 
                    li.dropdown.pmd-dropdown
                        a.dropdown-toggle(href='javascript:void(0);', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                            i.fa.fa-caret-down.fa-2x
                            |   Freedonia
                        ul.dropdown-menu
                            li
                                a(href='javascript:void(0);') Harpo Marx
                            li
                                a(href='javascript:void(0);') Groucho Marx
                            li.active
                                a(href='javascript:void(0);') Chico Marx
                            li.divider(role='separator')
                            li
                                a(href='javascript:void(0);') Karlo Marx
                            li.divider(role='separator')
                            li
                                a(href='javascript:void(0);') Moe Howard

                            li
                                a(href='javascript:void(0);') Curly Howard
                            li
                                a(href='javascript:void(0);') Larry Fine
                            li
                                a(href='javascript:void(0);') Shemp Howard

                ul.nav.navbar-nav.navbar-right
                    li
                        a(href='javascript:void(0);')
                            i.fa.fa-at.fa-5x
                    li.dropdown.pmd-dropdown
                        a.dropdown-toggle(href='javascript:void(0);', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                            i.fa.fa-caret-down.fa-2x
                            |   Sudeste Asiática
                        ul.dropdown-menu.dropdown-menu-right
                            li
                                a(href='javascript:void(0);') Timor Leste
                            li
                                a(href='javascript:void(0);') Laos
                            li
                                a(href='javascript:void(0);') Vietnã
                            li.divider(role='separator')
                            li
                                a(href='javascript:void(0);') Camboja
                            li
                                a(href='javascript:void(0);') Malásia
                            li
                                a(href='javascript:void(0);') Mianmar
                            li
                                a(href='javascript:void(0);') Singapura
                            li.active
                                a(href='javascript:void(0);') Samboja
                            li
                                a(href='javascript:void(0);') Filipinas
                            li
                                a(href='javascript:void(0);') Tailândia

Like this framework much. All other components are go so I guess my scripts are referenced correctly. Just in case,

        script(type='text/javascript', src='https://code.jquery.com/jquery-3.2.1.min.js')
        script(type='text/javascript', src='get-shit-done/bootstrap3/js/bootstrap.js')
        script(type='text/javascript', src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-hover-dropdown/2.2.1/bootstrap-hover-dropdown.js')
        script(type='text/javascript', src='get-shit-done/assets/js/custom.js')
        script(type='text/javascript', src='get-shit-done/assets/js/get-shit-done.js')
        script(type='text/javascript', src='get-shit-done/assets/js/gsdk-bootstrapswitch.js')
        script(type='text/javascript', src='get-shit-done/assets/js/gsdk-checkbox.js')
        script(type='text/javascript', src='get-shit-done/assets/js/gsdk-radio.js')
        script(type='text/javascript', src='get-shit-done/assets/js/jquery-ui-1.10.4.custom.min.js')
        script(type='text/javascript', src='get-shit-done/assets/js/custom.js')

I am building this with Harp.

Thanks. Probably simple fubar.