Topic: pills and buttons don't work well together

DoubleThePsycho pro asked 11 months ago

I want to use pills to switch between web and graphics portfolio, but I want the pills to (together) use the full width of the .container, but in recent updates, a bug has appeared when trying to switch page. The code used doesn't match the code in the demonstration, but it has worked until recently.

<div class="nav nav-pills text-center">
    <button class="btn btn-<?php echo COLOR; ?> col rounded active" data-toggle="pill" href="#pill-xenforo">XenForo</button>
    <button class="btn btn-<?php echo COLOR; ?> col rounded"        data-toggle="pill" href="#pill-graphics">Graphics</button>


Mikołaj Smoleński staff commented 11 months ago

Are you able to recreate the issue with our snippets editor

Keep coding,  Mikołaj from MDB

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: MDB4 4.20.0
  • Device: Desktop
  • Browser: Google Chrome
  • OS: Win10
  • Provided sample code: No
  • Provided link: Yes