（Boostrap3 + AdminLte2） - 導航選項卡和右鍵

我試圖把一些按鈕在標籤面板的右側區域標題：（Boostrap3 + AdminLte2） - 導航選項卡和右鍵

我不知道該怎麼給與自舉...

這是標籤代碼：

<div class="nav-tabs-custom"> 
    <ul class="nav nav-tabs"> 
    <li class="active"> 
     <a href="#header" data-toggle="tab"> 
     <span class="fa-stack fa-lg"> 
     <i class="fa fa-square-o fa-stack-2x text-primary"></i> 
     <i class="fa fa-info fa-stack-1x text-primary"></i> 
     </span> Inforazioni Principali 
     </a> 
    </li> 

    <li> 
     <a href="#shipping" data-toggle="tab"> 
     <span class="fa-stack fa-lg"> 
     <i class="fa fa-square-o fa-stack-2x text-primary"></i> 
     <i class="fa fa-truck fa-stack-1x text-primary"></i> 
     </span> Spedizioni 
     </a> 
    </li> 
    <li> 
     <a href="#payment" data-toggle="tab"> 
     <span class="fa-stack fa-lg"> 
     <i class="fa fa-square-o fa-stack-2x text-primary"></i> 
     <i class="fa fa-eur fa-stack-1x text-primary"></i> 
     </span> Pagamenti 
     </a> 
    </li> 
    </ul> 
    <div class="tab-content" style="min-height: 758px"> 

    <div class="tab-pane active" id="header"> //FIRST PANEL HERE 
......

什麼是在面板標籤的正確的網站添加兩個按鈕正確的方法是什麼？我想要與面板標記對齊按鈕，但我不知道該怎麼做......

感謝

來源

2017-04-14 DarioN1

添加兩個額外li代碼會在ul在導航欄名爲nav-tabs用類命名button（以防止影響其他項目）和樣式如下：

.button{ 
    float:right !important; 
    margin-right:5px; 
    margin-left:5px; 
    padding:5px; 
    border:solid red; 
}

摘錄如下

.button{ 
 
    float:right !important; 
 
    margin-right:5px; 
 
    margin-left:5px; 
 
    padding:5px; 
 
    border:solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 

 
<!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<div class="nav-tabs-custom"> 
 
    <ul class="nav nav-tabs tb"> 
 
    <li class="active"> 
 
     <a href="#header" data-toggle="tab"> 
 
     <span class="fa-stack fa-lg"> 
 
     <i class="fa fa-square-o fa-stack-2x text-primary"></i> 
 
     <i class="fa fa-info fa-stack-1x text-primary"></i> 
 
     </span> Inforazioni Principali 
 
     </a> 
 
    </li> 
 

 
    <li> 
 
     <a href="#shipping" data-toggle="tab"> 
 
     <span class="fa-stack fa-lg"> 
 
     <i class="fa fa-square-o fa-stack-2x text-primary"></i> 
 
     <i class="fa fa-truck fa-stack-1x text-primary"></i> 
 
     </span> Spedizioni 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="#payment" data-toggle="tab"> 
 
     <span class="fa-stack fa-lg"> 
 
     <i class="fa fa-square-o fa-stack-2x text-primary"></i> 
 
     <i class="fa fa-eur fa-stack-1x text-primary"></i> 
 
     </span> Pagamenti 
 
     </a> 
 
    </li> 
 
    <li class="button"> 
 
    BUTTON1 
 
    </li> 
 
     <li class="button"> 
 
    BUTTON2 
 
    </li> 
 
    </ul> 
 
    <div class="tab-content" style="min-height: 758px"> 
 

 
    <div class="tab-pane active" id="header"> //FIRST PANEL HERE

來源

2017-04-14 17:22:28 repzero

（Boostrap3 + AdminLte2） - 導航選項卡和右鍵

回答

相關問題