Question

我正在尝试使用Bootstrap来构建网页。我使用类nav-justified创建了一个导航栏。然后我在safari和chrome上运行它，但是会出现这个问题：当我拖动窗口以将其调整为小尺寸然后调整为原始尺寸时，这些选项卡会叠加在一起。为什么会这样，我怎么能避免这种情况？这是bootstrap V3.1.1。

原文： correct one 堆叠一个： stack together

<!DOCTYPE html>
<html>
  <head>
    <link href="./css/bootstrap.css" rel="stylesheet">
  </head>

  <body>
    <div class="container">
        <ul class="nav nav-justified">
          <li class="active"><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li> 
          <li><a href="#">6</a></li>
          <li><a href="#">7</a></li>
          <li><a href="#">8</a></li>  
        </ul>
    </div>
  </body>
</html>

Answer 1

Bootstrap docs提到bug in Safari有关无法正确处理列网格的十进制百分比的问题。

错误报告中有一些轶事，说明人们如何解决找到解决这个问题的方法。

Bootstrap nav-justified失败

1 个答案: