Question

一旦屏幕宽度低于482px，我用bootstrap框架设计的简单页面就会停止响应？我唯一可以看到的是，一旦屏幕达到表单输入字段的宽度加上两侧等量的填充，它就会停止调整元素，因此我怀疑问题与表单输入字段宽度设置有某种关系，但是我不确定。有人可以帮忙吗？我已经阅读了文档，但我对解决方案并不了解。

这是我的bootply：http://www.bootply.com/DLxLacH4Jy#

Answer 1

Bootstrap具有以下断点

 async void Main(string[] args)
    {
        // need instance, virtual methods, may add overrides. 
        SchoolData CSD = new SchoolData();
        FData FD = new FData();
        GiftData GD = new GiftData();


        List<Task> tasks = new List<Task>();
        tasks.Add(Task.Run(() => CSD.getSchool()));
        tasks.Add(Task.Run(() => FD.getF()));
        tasks.Add(Task.Run(() => GD.getGift()));

        var Results = await Task.WhenAll(tasks);
}

因此，如果您想为小于482px的屏幕应用某些特定样式你所要做的就是编写像

这样的课程

@media (max-width: 767px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

Answer 2

我在我的示例中遇到的具体问题的解决方案是，我使用了用于屏幕尺寸格式的引导网格类来复杂化表格，例如： .col-xs-4 / col-md-6等，这已经破坏了内联表单显示并试图覆盖它，不太明白什么是否定内联显示，我用宽度类来设置内联的宽度表单，这是在内联表单元素的设置宽度以下停止响应。

此处清理并更正了代码; http://www.bootply.com/DLxLacH4Jy

我已经冒昧地将此作为我自己对这个问题的回答，因为它确实代表了我试图解决的确切问题的解决方案，但是Yuyokk＆amp;如果不是我问题的精确解决方案，Joe Conlin的上述评论也是直接相关且有用的。

Bootstrap响应不响应482px以下的元素

2 个答案: