我遇到了 Bootstrap 版本 2 的问题,我无法真正修复网格。它在不同的屏幕尺寸上仍然很疯狂。我已经将所有 html 元素包装在一个容器中,如下所示:
<header>
<div class="container">
<div class="row">
<div class="span5">
<img src="http://www.placehold.it/90x90" >
<h1 >
Header
</h1>
</div>
<div class="span4 offset3 text-right">
<h3>City</h3>
<p>+7 (343) 999999999</p>
</div>
</div>
</div>
</header>
<section class="container" id="anchors">
<div class="row">
<div class="span3 text-center">
<img src="http://www.placehold.it/150x150">
<a class="anchor">Anchor</a>
</div>
<div class="span3 text-center">
<img src="http://www.placehold.it/150x150">
<a class="anchor">Anchor</a>
</div>
<div class="span3 text-center">
<img src="http://www.placehold.it/150x150">
<a class="anchor">Anchor</a>
</div>
<div class="span3 text-center">
<img src="http://www.placehold.it/150x150">
<a class="anchor">Anchor</a>
</div>
</div>
</section>
而且它们仍然没有修复。那么,如何让它不响应?将不胜感激。
最佳答案
解压缩您的 css 文件并删除“MEDIA QUERIES”,例如:
// Landscape phones and down
@media (max-width: 480px) { ... }
// Landscape phone to portrait tablet
@media (max-width: 767px) { ... }
// Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 979px) { ... }
// Large desktop
@media (min-width: 1200px) { ... }
关于html - 使 bootstrap 2 无响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17938792/