2017-10-10 10 views
0

のボタンを1行に表示するには、タブセット+ボタンを表示する必要があります。タブセットがすでに表示、今私は、ボタンタブセットの行を表示するには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

    関連する問題