缩小浏览器后,响应式设计中断

时间:2016-10-17 19:52:47

标签: javascript jquery html css twitter-bootstrap

我正在尝试构建一个没有特殊但只有几列和一些信息的引导设计。首先,我想知道我的代码是否正常,因为我可以看到项目不像列下面的列,因为它应该是从小设备看到页面后。我其实对此感到非常难过,因为我已经筋疲力尽了,我再也无法解决它了。尝试,尝试和尝试,但没有结果。也许你可以查看我的代码? (我想添加一个代码段,但为了获得正确的结果,我添加了一个完整的来源here

另一个问题,我需要设置最小尺寸,其中bootstrap从320px开始wirking。我在哪里可以做到这一点?

Fiddle HERE

1 个答案:

答案 0 :(得分:1)

我看了一下你的代码,看来你的问题似乎只是对引导响应如何工作的一般误解。我建议再多阅读一下,以了解它在实践中的使用方法。当您将所有列设置为相同大小时,您会删除使bootstraps响应有用的内容。尝试制作它,以便随着屏幕变小,组件会获得更多列,例如

<div class="col-lg-6 col-md-9 col-sm-12">...</div> 

这将需要大量的实验才能让它看起来更完美! :)