jquery - DIV 中的 Bootstrap 响应问题

Question

我为我的登录框创建了一个“holder”

.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

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;
}