Tabs with buttons don't work well with nav-justified an

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Tabs with buttons don't work well with nav-justified and nav-fill

UNNdev pro premium priority asked 3 years ago

Expected behavior

Button tabs should work with nav-justified and nav-fill

Actual behavior

Buttons don't fill up the width of the tab

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/docs/standard/navigation/tabs/#section-buttons - just add nav-justified or nav-fill to the "Tabs with buttons" example.

UNNdev pro premium priority commented 3 years ago

Until this is fixed, one has to use w-100 on the buttons, by the way.

Michał Duszak staff answered 3 years ago

Hello,

thank you for your feedback. We will discuss appending classess for buttons with our front-end team. Until then feel free to style buttons as you wish. Remember that nav-justified and nav-fill work perfect for <a> elements.

FREE CONSULTATION

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

Closed

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes
Tags
tabs
Related topics
1
Selecting tabs programmatically
1
Table Pagination with Tabs
1
Improve Tabs component with horizontal scrolling, paging or with a dropdown
0
Set default tab
0
Different states for Tabs Pills having the same component
About author
UNNdev
Pro User Premium support
605Support score
52Questions 26Answers
0Snippets likes 21Snippets