2017-10-10 89 views
0

在單行中,我想要顯示標籤集+按鈕。標籤集已經顯示,現在我想顯示按鈕與標籤行我希望顯示按鈕angualr2

<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> 
+0

什麼你試過了嗎?告訴我們你的代碼。 – Vishnu

+0

  • Page 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>

    +0

    埃馬拉薩,你的意思是像這個? – Vishnu