<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。
关闭 6 年前。
<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。
关闭 6 年前。
我正在尝试构建一个 Bootstrap 设计，除了几列和一些信息外没有什么特别之处。首先，我想知道我的代码是否正确，因为在从小型设备上看到页面后，我可以看到元素不像列下面的列那样显示。实际上，我现在对此感到非常难过，因为我已经筋疲力尽，无法再修复它。尝试，尝试和尝试，但没有结果。也许你可以看看我的代码？ (我想添加一个片段，但为了获得正确的结果，我添加了一个完整的源代码 here
另一个问题，我需要设置 bootstrap 从 320px 开始的最小尺寸。我在哪里可以做到这一点？
Fiddle HERE !
最佳答案
我查看了您的代码，您的问题似乎主要是对 Bootstrap 响应如何工作的普遍误解。我建议多阅读一些内容以了解它在实践中的使用方式。当您将所有列设置为相同大小时，您就失去了使 Bootstrap 响应有用的东西。尝试使屏幕变小，组件获得更多列，例如
<div class="col-lg-6 col-md-9 col-sm-12">...</div>
这需要大量的实验才能让它看起来完美! :)
关于javascript - 缩小浏览器后响应式设计中断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40094562/
相关文章：
javascript - 我无法使用 select 更改 div 的边框样式
javascript - 类型 ="image"的输入按钮在 IE 11 中无法与 href 配合使用
php - 如何从 laravel blade 中的 json 数据创建分页链接
javascript - 单击/取消单击单选按钮时启用/禁用文本框
javascript - Javascript 的 Function.toString() 的逆运算
jquery - 当设置为自动时， block 元素的宽度不过渡