所以我手里有一个讨厌的项目,里面有很多引导程序。问题是,我需要锁定某个1024px,我想不出怎么做。我将主体锁定在1024px但引导程序仍然改变了有关宽度的布局,我不能简单地删除所有列类只使用1,因为它不再适应自己。
我可以用什么想法来实现这个目标?
答案 0 :(得分:2)
您可以使用自己的自定义Bootstrap css(create one here)
而不是原始/常规的。在“媒体查询断点”部分中,只需将@screen-xs
,@screen-sm
和@screen-md
更改为1024px
,然后下载自定义版本。
答案 1 :(得分:1)
Bootstrap旨在首先移动并扩展而不是缩小。
您可以通过在自己的css文件中包含大量固定值来覆盖1024以下的引导媒体查询来解决这个问题。实际上,这将是很多工作,因为您将颠倒引导程序的移动优先设计。
答案 2 :(得分:1)
这是already asked on SO,而使Bootstrap 3无响应的步骤是described in the docs。在您的情况下,听起来简单地使用col-xs-*
类将起作用,因为这些列不会垂直堆叠并“更改布局”。来自文档:
对于网格布局,除了或在适当的位置使用.col-xs- *类 ,中/大的。别担心,超小设备网格 缩放到所有分辨率。