为什么input元素没有填充div的内容？

Question

这是我现有的观点。

我不明白为什么“bbbbbbb”的文本框与“aaaaa”列的宽度不同。 我在div上设置了边框，它清楚地显示了宽度。

为什么input元素没有填充div的内容？

<div class="container">
    <div class="row" style="padding-top:10px;">
        <div class="col-sm-2">
            <label for="mtc">aaaaaa</label>
        </div>
        <div class="col-sm-10">
            @(Html.Kendo().MultiSelect()
            .Name("mtc")
            .DataValueField("aaa")
            .DataTextField("bbb")
            .Placeholder("Select Map Type Codes...")
            .AutoBind(false)
            .DataSource(src =>
            {
                src.Read("Action", "Controller");
            })
            )
        </div>
    </div>
    <div class="row" style="padding-top:10px;">
        <div class="col-sm-2">
            <label for="bb">bbbbbbb</label>
        </div>
        <div class="col-sm-10" style="border:solid">
            <input type="text" style="width:100%;" class="k-textbox" id="bb" />
        </div>
    </div>
    <div class="row" style="padding-top:10px;">
        <div class="col-sm-2"></div>
        <div class="col-sm-10">
            <input type="submit" value="Submit" id="btnSubmit" class="btn btn-primary" />
        </div>
    </div>
</div>