Bootstrap文本框(输入)全宽在窗体内部不起作用

Question

我正在使用bootstrap 3.4.1.我正在尝试将文本框(输入(字段扩展到表单内部的全宽，我正在使用bootstrap网格系统列来实现这一点，但似乎不起作用。。问题是，当我给col-md-12然后列它时，它自己占用全宽，但文本框不是。。当我把style="max width=100%">放在文本框内时，它会占用整个宽度，但没有响应。。我们非常感谢您的帮助。我附上了一些照片。

我的代码：

<div class="row" style="border: 5px solid red;">
<div class="col-sm-12" style="border: 5px solid green;">
<div class="form-group">
<label for="AssetTagId" class="control-label">Asset Tag Id1</label>
<div>
<input type="text" class="form-control" name="AssetTagId" id="AssetTagId" ng-model="asset.AssetTagId" ng-maxlength="32" required style="border: 5px solid pink;"/> <!--style="max-width: 100%"-->
<span class="text-danger" ng-show="(frmAddAsset.AssetTagId.$touched || frmAddAsset.AssetTagId.$dirty) && frmAddAsset.AssetTagId.$invalid">
<span ng-show="frmAddAsset.AssetTagId.$error.required">AssetTagId is required</span>
<span ng-show="frmAddAsset.AssetTagId.$error.maxlength">AssetTagId must be less than or equal to 32</span>
</span>
</div>
</div>
</div>

接口

Answer 1

<div class="row">
<div class="col-md-12">
<form asp-action="Create" method="post" enctype="multipart/form-data">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group">
<label asp-for="PageTitle" class="control-label"></label>
<input asp-for="PageTitle" class="form-control" />
<span asp-validation-for="PageTitle" class="text-danger"></span>
</div>
<div class="form-group">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</form>
</div>
</div>
<div class="panel-footer">
<div class="form-group">
<a asp-action="Index">Back to List</a>
</div>
</div>