Question

我试图让一个标签向右浮动而不是像其他标签一样向左浮动

<ul class="nav nav-pills ">
          <li class="floatLeft active"><a href="#Overview" data-toggle="tab">Overview</a></li>
          <li class="floatLeft"><a href="#Excursions" data-toggle="tab">Excursions</a></li>
          <li class="floatLeft"><a href="#Speakers" data-toggle="tab">Speakers</a></li>

          <li class="floatRight"><a href="#Fares" data-toggle="tab">Fares</a></li>
       </ul>

简单的css课程不会起作用。任何想法如何做到这一点？

Answer 1

您的班级名称不正确，请尝试：

<ul class="nav nav-pills ">
    <li class="active"><a href="#Overview" data-toggle="tab">Overview</a></li>
    <li><a href="#Excursions" data-toggle="tab">Excursions</a></li>
    <li><a href="#Speakers" data-toggle="tab">Speakers</a></li>
    <li class="pull-right"><a href="#Fares" data-toggle="tab">Fares</a></li>
</ul>

编辑：解释我所做的改变。在引导程序中左右浮动的类名称为pull-left和pull-right我将t pull-right应用于最终导航以将其浮动到右侧。我还从前3个中删除了该类，因为默认情况下导航已经向左浮动，因此它们不需要在那里。

Bootstrap - 两侧的标签？

1 个答案: