Twitter bootstrap 剑道Tabstrip中的引导列

Twitter bootstrap 剑道Tabstrip中的引导列,twitter-bootstrap,kendo-ui,kendo-asp.net-mvc,kendo-tabstrip,Twitter Bootstrap,Kendo Ui,Kendo Asp.net Mvc,Kendo Tabstrip,我有一个剑道标签,我正试图使用引导设置其内容的格式。但是Tabstrip的边框,k-content k-state-active,呈现在顶部,my元素在外部。如果我不使用引导,一切都会好起来的。我已经读过了,但这并不能解决我的问题 这是我的代码: <div> @(Html.Kendo().TabStrip() .Name("tabstrip") .Items(items => { //removed items.Add()

我有一个剑道标签,我正试图使用引导设置其内容的格式。但是Tabstrip的边框,k-content k-state-active,呈现在顶部,my元素在外部。如果我不使用引导,一切都会好起来的。我已经读过了,但这并不能解决我的问题

这是我的代码:

<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>

@(Html.Kendo().TabStrip())
.名称(“tabstrip”)
.项目(项目=>
{
//除去
items.Add()
.文本‌ها")
.内容(@
@LabelFor(x=>x.LiCode1,新的{@class=“controllabel col-xs-3”})
@TextBoxFor(x=>x.LiCode1,新的{@class=“form control input sm”})
@LabelFor(x=>x.LiCode2,新的{@class=“controllabel col-xs-3”})
@TextBoxFor(x=>x.LiCode2,新的{@class=“form control input sm”})
);
})
)
似乎我根本不能使用
col-*
类,那么我应该如何格式化元素呢

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


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

从他们的文件中

容器

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

有类
.container
.container fluid
,因此您需要使用这些类中的一个来包装TabStrip的内容

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>
items.Add()
.文本‌ها")
.内容(@
@LabelFor(x=>x.LiCode1,新的{@class=“controllabel col-xs-3”})
@TextBoxFor(x=>x.LiCode1,新的{@class=“form control input sm”})
@LabelFor(x=>x.LiCode2,新的{@class=“controllabel col-xs-3”})
@TextBoxFor(x=>x.LiCode2,新的{@class=“form control input sm”})
这没有帮助。(作为反馈)