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

如果引导程序中的元素必须响应父元素大小的变化，则它们只会表现出相应的行为。

由于您为.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;
 }

DIV中的Bootstrap响应问题

3 个答案: