pills and buttons don't work well together


Topic: pills and buttons don't work well together

Stefan Knutsen pro asked 3 years 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>
</div>

Video


Mikołaj Smoleński staff commented 3 years ago

Are you able to recreate the issue with our snippets editor https://mdbootstrap.com/snippets?

Keep coding,  Mikołaj from MDB


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

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