Document

        
<div class="sub-menu-tabs sub-tab-list">
  <ul class="nav nav-tabs marketplace" id="myTab" role="tablist">
    <li class="nav-item">
      <a class="nav-link active" id="all-tab" data-toggle="tab" href="#all" role="tab" aria-controls="all" aria-selected="true">All</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" id="featured-tab" data-toggle="tab" href="#featured" role="tab" aria-controls="featured" aria-selected="false">Featured</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" id="new-arrivals-tab" data-toggle="tab" href="#new-arrivals" role="tab" aria-controls="new-arrivals" aria-selected="false">New Arrivals</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" id="recently-viewed-tab" data-toggle="tab" href="#recently-viewed" role="tab" aria-controls="recently-viewed" aria-selected="false">Recently Viewed</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" id="vendors-tab" data-toggle="tab" href="#vendors" role="tab" aria-controls="vendors" aria-selected="false">Vendors</a>
    </li>
  </ul>
  <nav aria-label="breadcrumb" class="breadcrumb-col refine-breadcrumb"  style="display: none;">
    <ol class="breadcrumb d-flex pl-0">
      <li class="breadcrumb-item"><a href="#">Home</a> <i class="icon-arrow-right"></i></li>
      <li class="breadcrumb-item"><a href="marketplace.html">Marketplace</a> <i class="icon-arrow-right"></i></li>
      <li class="breadcrumb-item mr-auto active"><span>Search Results</span></li>
    </ol>
  </nav>
  <div class="sub-menu-right-links">
    <ul class="mb-0">
      <li class="createQuote">
        <input type="button" class="btn btn-outline createQuoteBtn" value="Create Quote" data-toggle="modal" data-target="#createQuoteModal">
        <div class="dropdown-menu d-none">
          <i class="icon-dropdown-arrow"></i>
          <span>Select the Customer to create a new quote.</span> <a href="javascript:void(0);" class="btn btn-primary closeQuote">Got It</a>
        </div>
      </li>
      <li class="refine" style="display: none;">
        <a href="javascript:void(0);" class="disabled"><i class="icon-refine"></i> <span class="ml-1 ">Refine</span></a>
      </li>
      <li class="sub-head-user-setting"><a href="javascript:void(0);" class=""  data-toggle="tooltip" data-placement="top" title="Settings"><i class="icon-user-setting"></i></a></li>
    </ul>
  </div>
  <div class="clearfix"></div>
</div>
Tabs
