使bootstrap 2无响应 [英] making bootstrap 2 non responsive
本文介绍了使bootstrap 2无响应的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我遇到了bootstrap版本2的问题,我不能真正使网格固定。它仍然在不同的屏幕尺寸狂放。我把所有的html元素包装在一个容器中,如下:
I have ran into a problem with bootstrap version 2, I can't really make the grid fixed. It still goes wild on different screen sizes. I've wrapped all my html elements in a container like so:
<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>
它们仍然不是固定的。那么,我如何使它无响应?
And they still aren't fixed. So, how do i make it non responsive? Will appreciate any help.
推荐答案
解压缩您的css文件并删除MEDIA QUERIES,如:
Decompress your css file and remove "MEDIA QUERIES" like:
// 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) { ... }
这篇关于使bootstrap 2无响应的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文