Question

我正在使用<a href>标记作为我上一个标签的标题。它被放置在选项卡的底部而不是其他顶部。有没有办法用css解决这个问题？

这是html代码：

<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#tabs-first"  role="tab" data-toggle="tab">Boat<br>Times   </a></li>
<li>               <a href="#tabs-second" role="tab" data-toggle="tab">General         </a></li>
<li>               <a href="#tabs-third " role="tab" data-toggle="tab">What To<br>Bring</a></li>
<li>               <a href="#tabs-fourth" role="tab" data-toggle="tab">LINKS           </a></li>
<li>               <a href="#tabs-fifth " role="tab" data-toggle="tab"><a href="crew.php">Crew</a></a></li>
</ul>

这里有一个js小提琴：TAB TITLES

Answer 1

嵌套的锚标签就是在那里创建问题但是如果你想让它与嵌套的锚标签一起使用，那么试试这个：

<li>
    <a href="#tabs-fifth " role="tab" data-toggle="tab" style="padding:0;">
        <a href="crew.php">Crew</a>
    </a>
</li>

我所做的就是添加了内联CSS。希望这会有所帮助。

Answer 2

在外部

上设置边框和填充为0

如何使用引导程序在选项卡中对齐标题位置

2 个答案: