Kendo Tab剥内的引导列

Question

我有一个Kendo禁忌，我正在尝试格式化它的内容使用引导。但是border的边框k-content k-state-active是在顶部呈现的，我的元素在外面。如果我不使用鞋带，一切都会好起来的。我已经读过this question了，它不能解决我的问题。

这是我的密码：

<div>
    @(Html.Kendo().TabStrip()
    .Name("tabstrip")
    .Items(items =>
    {
   //removed 
        items.Add()
            .Text("اطلاعات حساب‌ها")
            .Content(@<text>

    <div class="form-group form-inline col-xs-12">
        <div class="col-xs-5">
            @Html.LabelFor(x => x.LiCode1, new { @class = "control-label col-xs-3" })
            @Html.TextBoxFor(x => x.LiCode1, new { @class = "form-control  input-sm" })
        </div>
        <div class="col-xs-5">
            @Html.LabelFor(x => x.LiCode2, new { @class = "control-label col-xs-3" })
            @Html.TextBoxFor(x => x.LiCode2, new { @class = "form-control  input-sm" })
        </div>
    </div>
            </text>);
    })
    )
</div>

我似乎根本不能使用col-*类，那么我应该如何格式化元素呢？

在边框中，我指的是下面图片中的绿线，如果我删除col-*，它将包含元素。

​

​

Answer 1

如果使用引导网格系统，则需要添加容器。

从他们的文件里

容器 引导需要一个包含元素来包装站点内容并容纳我们的网格系统。您可以在项目中选择两个容器中的一个。

有类.container和.container-fluid，因此您需要使用这些类之一包装these的内容。

items.Add()
            .Text("اطلاعات حساب‌ها")
            .Content(@<text>
<div class="container-fluid">
    <div class="form-group form-inline col-xs-12">
        <div class="col-xs-5">
            @Html.LabelFor(x => x.LiCode1, new { @class = "control-label col-xs-3" })
            @Html.TextBoxFor(x => x.LiCode1, new { @class = "form-control  input-sm" })
        </div>
        <div class="col-xs-5">
            @Html.LabelFor(x => x.LiCode2, new { @class = "control-label col-xs-3" })
            @Html.TextBoxFor(x => x.LiCode2, new { @class = "form-control  input-sm" })
        </div>
    </div>
</div>