<bs-card [hasBody]="false">
<ul class="card-header-pills nav nav-pills" role="tablist">
<a class="nav-link" [ngClass]="{active:cardPillsTab === 1}" href="#tab-pane4"
(click)="onClickPillosTab($event, 1)">Active</a>
<a class="nav-link" [ngClass]="{active:cardPillsTab === 2}" href="#tab-pane5"
(click)="onClickPillosTab($event, 2)">Link</a>
<li class="nav-item" [ngClass]="{active:cardPillsTab === 3}">
<a href="#tab-pane6" (click)="$event.preventDefault()" class="nav-link disabled">Disabled</a>
<div class="tab-content">
<div class="tab-pane" [ngClass]="{active:cardPillsTab === 1}">
<bs-card-body card-title="Tabs In Button Style">
Mix and match multiple content types to create the card you need, or throw everything in there.
<a href="javascript:void(0)" class="card-link">Goto Link</a>
<div class="tab-pane" [ngClass]="{active:cardPillsTab === 2}">
<bs-card-body card-title="Tabs In Button Style">
Some quick example text to build on the
card title and make up the bulk of the
<a href="javascript:void(0)" class="card-link">Goto Link</a>
<div class="tab-pane" [ngClass]="{active:cardPillsTab === 3}">
<bs-card-body card-title="Tabs In Button Style">
Some quick example text to build on the
card title and make up the bulk of the
<a href="javascript:void(0)" class="card-link">Goto Link</a>