这似乎应该很简单，但我的CSS /响应技能并不是最好的。我对SO进行了粗略的搜索，并没有看到任何符合我想要完成的事情的事情。
我的网站在流体容器中有一个基本的2列布局 - col-lg-10和col-lg-2。
col-lg-2 div是一个facebook-esque活动源，我想在特定宽度或低于特定宽度时折叠。我已经完成了这部分工作。诀窍是当col-lg-2崩溃时，我在屏幕右侧的col-lg-2曾经是一个很大的差距。我希望＆＃39; col-lg-10`扩展到此时占据整个屏幕，而不是留下空白空间。
答案 0 :(得分：1)
您的问题是您没有使用与引导程序相同的min-width。
您可以使用自助运行的col-lg-*类，该类在>=1200px生效，用于主要内容。
但对于折叠部分，您使用自己的媒体查询，该查询将在>=1400px ...
因此，当浏览器的宽度为1300像素时，折叠部分不可见，因为条件>=1400px返回false，但引导程序已经生效，因为条件{{1} }返回>=1200 ...
要解决您的问题，请使用与引导程序相同的最小宽度，因此请更改CSS：
true到此：
@media screen and (min-width: 1400px) {
更新：
例如，尝试改进此css：
@media screen and (min-width: 1200px) {