主页 / 问题 / 629921
Accepted
Vadim Prokopchuk
Asked:2020-02-19 22:09:57 +0000 UTC2020-02-19 22:09:57 +0000 UTC

输入元素不拉伸

  • 772

为什么input元素没有拉伸到父窗口的宽度？右侧没有外部缩进。

在此处输入图像描述

<div class="row">
        <div class="form-group col-xs-12 col-sm-8 col-md-6">
            <input type="text" class="form-control" />
        </div>
</div>

试图重新定义样式input { width: 100%; }- 没有帮助。通过属性在 HTML 中覆盖style- 也无济于事。

html

1 个回答

  1. Best Answer

    我阅读了 bootstrap 文档，发现input默认情况下一切都延伸到父容器的整个宽度。

    解决方案结果完全出乎我的意料：在Basic模板上在Visual Studio中创建ASP.NET MVC项目时，添加了Site.css，原来是这样

    input, select, textarea {
   max-width: 280px;
}

    为正确工作删除了此规则。

    • 1

相关问题