(Boostrap3 + AdminLte2) - 导航选项卡和右键

时间:2017-04-14 17:04:27

标签: css twitter-bootstrap-3 adminlte

我正在尝试在选项卡面板标题的右侧区域放置一些按钮:

enter image description here

我不知道如何使用boostrap ...

这是标签的代码:

<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
......

在面板标签的右侧站点添加两个按钮的正确方法是什么? 我想让按钮与面板标签对齐,但我不知道该怎么做......

由于

1 个答案:

答案 0 :(得分:2)

在导航栏中名为li的{​​{1}}中添加另外两个ul标记,其中包含名为nav-tabs的类(以防止其他项目受到影响) 和风格如下:

button

下面的代码段

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