Topic: Default app bar and fixed tab bar

sales pro asked 5 years ago

Is it possible to have a navbar with two rows, similar to this? Material Design Example Image

Marta Wierzbicka staff answered 5 years ago

Hi, This is not navbar actually, but tabs as Material Design Guide says: We have tabs like this in our documentation here: So, we don't have double navbar in MDB, but you can try to create something like here:
<!-- Nav tabs -->
<div class="tabs-wrapper"> 
    <ul class="nav classic-tabs tabs-cyan pt-1" role="tablist">
        <li class="nav-item">
            <h4 class="nav-link waves-light text-white" data-toggle="tab" href="#panel51" role="tab"><strong>Page title</strong></h4>
    <ul class="nav classic-tabs tabs-cyan" role="tablist">
        <li class="nav-item">
            <a class="nav-link waves-light active" data-toggle="tab" href="#panel51" role="tab">Profile</a>
        <li class="nav-item">
            <a class="nav-link waves-light" data-toggle="tab" href="#panel52" role="tab">Follow</a>
        <li class="nav-item">
            <a class="nav-link waves-light" data-toggle="tab" href="#panel53" role="tab">Contact</a>
        <li class="nav-item">
            <a class="nav-link waves-light" data-toggle="tab" href="#panel54" role="tab">Be awesome</a>
Best, Marta

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: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No