我正在尝试在 C# 和 ASP.NET MVC 中做一个简单的模式；我在 col-6 布局中添加了 2 个文本框，这样它们就可以并排了它们的尺寸并不完全相同。所以我试图用 bootstrap 网格做 col-6，所以它们是一样的。在我的开发工具中，我看到 ::before 和 ::after 可能这与弄乱布局有关。
这里的 2 个文本框位于块布局 1 中，彼此重叠
<div class="container-fluid mx-auto">
<div class="row d-inline">
<div class="col-6 d-inline">
<div class="form-group">
@Html.LabelFor(x => x.PartVM.PartNumber, htmlAttributes: new { @class = "control-label" })
<div class="">
@Html.TextBoxFor(x => x.PartVM.PartNumber, new { @class = "form-control", @readonly = "readonly" })
@Html.ValidationMessageFor(x => x.PartVM.PartNumber, "", new { @class = "text-danger" })
</div>
</div>
</div>
<div class="col-6 d-inline">
<div class="form-group">
@Html.LabelFor(x => x.PartVM.DateEntered, htmlAttributes: new { @class = "control-label" })
<div class="">
@Html.TextBoxFor(x => x.PartVM.DateEntered, new { @class = "form-control", @readonly = "readonly" })
@Html.ValidationMessageFor(x => x.PartVM.DateEntered, "", new { @class = "text-danger" })
</div>
</div>
</div>
</div>
</div>
我如何使用引导网格，使它们在同一行中出现相同的大小？
您应该能够使用 col 而不是 col-6。此外，使用 form-inline 可能会有所帮助。使用Bootstrap可以做很多事情来格式化表单。此外，Bootstrap 使用@media 断点，它根据屏幕大小更改布局。
<form class="form-inline">
<div class="container-fluid mx-auto">
<div class="row d-inline">
<div class="col d-inline">
<div class="form-group">
@Html.LabelFor(x => x.PartVM.PartNumber, htmlAttributes: new { @class = "control-label" })
<div class="">
@Html.TextBoxFor(x => x.PartVM.PartNumber, new { @class = "form-control", @readonly = "readonly" })
@Html.ValidationMessageFor(x => x.PartVM.PartNumber, "", new { @class = "text-danger" })
</div>
</div>
</div>
<div class="col d-inline">
<div class="form-group">
@Html.LabelFor(x => x.PartVM.DateEntered, htmlAttributes: new { @class = "control-label" })
<div class="">
@Html.TextBoxFor(x => x.PartVM.DateEntered, new { @class = "form-control", @readonly = "readonly" })
@Html.ValidationMessageFor(x => x.PartVM.DateEntered, "", new { @class = "text-danger" })
</div>
</div>
</div>
</div>
</div>
</form>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句