使用tabset行我想在angualr2中显示按钮

时间:2017-10-10 06:42:50

标签: html css angular2-routing angular2-directives

在一行中,我想要显示标签集+按钮。 tabset已经显示,现在我想显示按钮

<div class="form-group col-sm-8 ">
        <div class="col-lg-8" style="margin-top:35px;" >

 <h6 class="text-right"><button class="btn btn-secondary btn-sm" >Select File</button></h6>
 <h5 class="text-right"> <button class="btn btn-secondary btn-sm"  routerLinkActive="active" [routerLink]="['/summary']" >Go</button></h5>

            <tabset>

                <tab>
                    <ng-template tabHeading><strong>Content</strong></ng-template>

                </tab>
                <tab>
                    <ng-template tabHeading><strong>Meta Data</strong></ng-template>

                </tab>



            </tabset>


        </div>
    </div>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

见(使用引导程序):

button.btn-secondary {
  margin-right: 4px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="form-group" style="margin-top:35px;">

<div class="col-sm-6 col-xs-6">
<tabset>
<tab>
<ng-template tabHeading><strong>Content</strong></ng-template>
</tab>
<tab>
<ng-template tabHeading><strong>Meta Data</strong></ng-template>
</tab>
</tabset>
</div>

<div class="col-sm-6 col-xs-6">
<button class="btn btn-secondary btn-sm pull-right"  routerLinkActive="active" [routerLink]="['/summary']" >Go</button>
<button class="btn btn-secondary btn-sm pull-right" >Select File</button>
</div>

</div>