我正在尝试使用 Bootstrap 构建网页。我使用 nav-justified
类创建了一个导航栏。然后我在 safari 和 chrome 上运行它,但是出现了这个问题:
当我拖动窗口以将其调整为较小的大小然后调整为原始大小时,这些选项卡堆叠在一起。为什么会发生这种情况,我该如何避免这种情况?这是 bootstrap V3.1.1。
原文: 叠一:
<!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>
最佳答案
Bootstrap docs提到一个bug in Safari关于它无法正确处理列网格的小数百分比。
错误报告中有一些关于人们如何解决找到解决此问题的方法的轶事。
关于html - Bootstrap 导航对齐失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23577171/