jquery - DIV 中的引导响应问题

Question

我为我的登录框创建了一个“持有人”

.box{
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 1em;
border: 1px solid #d8dadd;
    }

.box-login{
    margin: 0 auto;
    width: 390px;
}

但问题是框内的项目（文本框）没有响应，它就像一个无响应的项目​​。

知道如何解决这个问题吗？

提前致谢

Answer 1

设置最大宽度

.box-login{
    margin: 0 auto;
    width: 390px;
    max-width: 100%;
}

Answer 2

bootstrap 中的元素只有在必须响应父元素大小的变化时才会做出响应。

由于您为类指定了固定宽度，.box-login因此框不会响应宽度，因此里面的项目也不会响应。

在 css 中指定宽度和最大宽度，如下所示：

.box-login{
    margin:0 auto;
    /* if you want a slight margin on smaller viewports, lower the width value */ 
    width:100%;
    max-width:390px;
}

Answer 3

由于您为.box-login类指定了宽度，因此它不会以响应方式运行。如果您希望您的box-login课程具有响应性，您应该将宽度设置为 100% 并指定一个max-width. 这是CSS：

.box-login{
    margin: 0 auto;
    width: 100%;
    max-width: 390px;
 }