引导和定位问题（输入组）答案

【问题标题】：Issue with bootstrap and positioning (input-group)引导和定位问题（输入组）
【发布时间】：2017-01-02 05:00:28
【问题描述】：

代码如下：

<div class="form-group">
    @Html.LabelFor(model => model.Zapremina_motora, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <div class="input-group">

            @Html.EditorFor(model => model.Zapremina_motora, new { htmlAttributes = new { @class = "form-control" } })
            <span class="input-group-addon">cc</span>
        </div>

        @Html.ValidationMessageFor(model => model.Zapremina_motora, "", new { @class = "text-danger" })
    </div>
</div>

我遇到的问题是浏览器为我提供了文本框和跨度插件，其中“cc”文本分隔。添加问题的照片。

有人可以帮忙吗？我花了很多时间试图解决这个问题，但找不到解决方案。

问题图片：

【问题讨论】：

标签： html css asp.net-mvc twitter-bootstrap-3

【解决方案1】：

尝试用这个替换行

@Html.EditorFor(model => model.Zapremina_motora, new { htmlAttributes = new { @class = "form-control", aria-describedby="addon1" } })
                <span class="input-group-addon" id="addon1">cc</span>

【讨论】：

感谢您的帮助，但它仍然不起作用。文本框和插件文本之间仍然有很大的空间。
尝试编辑过的。并拥有请检查您是否使用任何覆盖引导程序的自定义模板
成功。再次感谢您。布局文件中的默认 ASP.NET MVC 行：@Styles.Render("~/Content/css") 是问题所在。一旦我用替换它，它就开始工作了。
你为我节省了很多时间。再次感谢。
对于其他有类似问题的人：您可以离开@Styles.Render("~/Content/css")，但您需要转到Site.css文件并删除：输入，选择, textarea { 最大宽度：280px; }