Question

只需一个简单的表格：

问题：<input>的宽度未扩展到100％
如果将类别form-control设置为元素，我相信元素的宽度将设置为100％

使用Visual Studio 2017（MVC5 ASP.NET C＃）-如下使用相同的代码
<input>和<textarea>都固定为某个宽度。我不知道为什么！甚至试图明确提供style="width:100%"，但不起作用
完美运行，当我尝试在（https://jsfiddle.net/Dhinesh_Ram/0yh4Lx7w/）或“ W3学校的Tryit编辑器”中运行相同的代码时，却不是Visual Studio
我尝试调试的浏览器：Chrome，IE，Edge

<link rel="stylesheet" href="https://bootswatch.com/3/lumen/bootstrap.min.css" />

<div class="well bs-component">
  <form class="form-horizontal">
    <fieldset>
      <legend>Feedback</legend>

      <div class="form-group">
        <label for="inputName" class="col-lg-2 control-label">Name</label>
        <div class="col-lg-10">
          <input type="text" class="form-control" id="inputName" placeholder="Enter your name" />
        </div>
      </div>

      <div class="form-group">
        <label for="textArea" class="col-lg-2 control-label">Message</label>
        <div class="col-lg-10">
          <textarea class="form-control" rows="3" id="textArea" placeholder="Your message"></textarea>
          <span class="help-block">Try to eloborate if its a Bug report, a screenshot would be helpful</span>
        </div>
      </div>

    </fieldset>
  </form>
</div>

Answer 1

我找到了解决方法！

转到您的项目地图并打开文件夹： “内容”

然后您搜索“ site.css”

然后您将得到以下内容：

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

现在将最大宽度更改为100％

max-width: 100%;

ASP.NET表单输入-宽度意外行为（未扩展100％）

1 个答案: