Bootstrap v4

[rajasegar]

This is a tracking issue for Bootstrap v4 upgrade for this lib

Components

• Alerts
• Badge
• Breadcrumb
• Buttons
• Button group
• Card
• Carousel
• Collapse
• Dropdowns
• Forms
• Input group
• Jumbotron
• List group
• Media object
• Modal
• Navs
• Navbar
• Pagination
• Popovers
• Progress
• Scrollspy
• Spinners
• Toasts
• Tooltips

Layouts

• Album
• Pricing
• Checkout
• Product
• Cover
• Carousel
• Blog
• Dashboard
• Sign-in
• Sticky footer
• Sticky footer navbar

[ksaadDE]

Take a look at my repo https://github.com/ksaadDE/PUG-Bootstrap.git

I fixed the Topbar (with a few hacks, needs adaption) I changed your coding style as you can see in the usage example for the TopBar below:

`if locals.title
    +navbar(title, "dropdown_menu", "")
        +nav_item("/","t14l")
        +nav_item("/uploadfile","t21l", "t")
        
        +nav_dropdown("", "T23")
            +nav_dropdown_item("test", "Test23")
            +nav_dropdown_item("test2", "Test22")
            +nav_divider()
            +nav_dropdown_item("test2", "Test22")
            
        if session.user != undefined
            +nav_item("/user/dashboard", translations.navbar_loggedin_as + " " + session.user.name, translations.navbar_loggedin_as + " " + session.user.name)
        else
            +nav_item("/login", translations.navbar_login_text)
else
    +navbar("test", "dropdown_menu")
        +nav_item("/","t1l") Test
        +nav_item("/","t2l") Test2
`

navbar is defined by mixin navbar(name, id, style, href)
and
navitem is defined by mixin nav_item(href, label, style, active)

It's still in the navbar pug

Also a few things already working out of the box, which don't needs any fixing.

Buttons are still working I guess.

[rajasegar]

Looks good to me, if you are ready you can raise a PR against the b4 branch, I will take a look

[ksaadDE]

Looks good to me, if you are ready you can raise a PR against the b4 branch, I will take a look

Hey, currently my time is limited to work on it. You're free to copy what you need. If you want to use it. 👍