Question

Here是我在bootstrap中的一些标签的缩写，我添加了一个＆＃39; x＆＃39;按钮到。我已经让所有的js工作得很好，实际上用按钮关闭了标签..虽然我仍然对css有点弱。如何移动按钮＆＃39; x＆＃39;选项卡的右上角??下面是我的代码（使用所有这些的默认bootstrap css）

<nav class="navbar navbar-default">
  <ul class="nav nav-tabs nav-justified">
      <li id="shellstab" class="active"><a role="tab" data-toggle="tab" href="#shells" aria-expanded="true">Shell<button class="close closeTab" type="button" >&times;</button></a>
    <li id="wikitab"><a role="tab" data-toggle="tab" href="#wiki" aria-expanded="true">Wiki<button class="close closeTab" type="button">&times;</button></a>
    <li id="querytab"><a role="tab" data-toggle="tab" href="#query" aria-expanded="true">Query<button class="close closeTab" type="button">&times;</button></a>
  </ul>
</nav>

Answer 1

我建议创建一个外部css文件。

但是......把它放在“X”按钮

中

style="position: absolute; top:0; right:0;"

Look at this jsFiddle:

使用CSS将按钮内容移动到引导选项卡的右上角

1 个答案: