我正在使用 Twitter Bootstrap 构建响应式布局，我发现很难让布局在所有尺寸/设备上都保持良好状态。
在我早期的尝试中，我尝试简单地使用网格进行放置，但页面元素从未以不同的大小出现在我想要的位置。现在我正在使用媒体查询来覆盖一些 Bootstrap 的样式和我自己的样式。这似乎可能会导致维护方面的麻烦。
我认为我应该通过注册媒体查询事件来根据屏幕大小添加/删除样式，而不是覆盖样式。
有人可以提供有关使用 Bootstrap 在不同屏幕尺寸下调整页面布局的良好做法的建议吗？
我正在寻找一般建议，但如果有帮助，我可以发布代码和屏幕截图。
更新：看起来媒体查询事件没有得到很好的支持。