Question

我一直在使用Bootstrap在一个网站上工作，所有这些都很顺利，直到我在宽显示器上查看一些东西。

如果您查看this页面，则可以看到3行中的不同公司徽标（第一行和第二行为5行，第三行为2行）。但是，如果我将浏览器扩展到尽可能宽，你可以看到一切开始有点奇怪。有什么想法可以解决这个问题？

Answer 1

我假设您的意思是在宽屏显示器上观看时，某些徽标会突然出现 - 尝试删除css的这一部分中的宽度：170px规则：

@media (min-width: 1200px)
.span2 {
width: 170px;
}

Answer 2

这是因为你没有在父div的

上指定span类或宽度

试试这个:(在你的课程中添加“span12”）

<div class="row span12" align="center">
        <div class="span2 offset1" id="hankook" align="center"><img src="img/hankook_logo.png" alt="hankook tires"></div>
        <div class="span2" id="geotrac" align="center"><img src="img/geotrac_logo.png" alt="geo trac tires"></div>
        <div class="span2" id="nankang" align="center"><img src="img/nankang_logo.png" alt="nankang tires"></div>
        <div class="span2" id="geostar" align="center"><img src="img/geostar_logo.png" alt="geostar tires"></div>
        <div class="span2" id="milestar" align="center"><img src="img/milestar_logo.png" alt="milestar tires"></div>
    </div>

Bootstrap布局在宽屏显示器上表现得很奇怪

2 个答案: