将类添加到表单组元素

时间:2016-01-06 11:57:21

标签: fluentbootstrap

我正在尝试将字段排列在水平表单的2列中,但我无法将col-md-6类添加到form-group元素。

表单应该像这样Fiddle

我检查了源代码,并从form-group显式删除了列大小类,并应用于新的包含div元素。
最终结果是内部控件正确调整大小,但是,由于form-group仍被视为12个单元大小的元素,因此下一个控件将放在不同的行中。

我能够实现我想要的布局:

@Html.Bootstrap().Div().AddCss( Css.ColMd6 )
     .AddChild( form.Input( "divChild", "Div Child" ) )

@Html.Bootstrap().Div().AddCss( Css.ColMd6 )
     .AddContent( form.Input( "divContent", "Div Content" ) )

using (Html.Bootstrap().Div().AddCss( Css.ColMd6).Begin() )
{
    @form.Input( "divusing", "Div Using" )
}

<div class="@Css.ColMd6" >
    @form.Input( "htmldiv", "HTML Div" )
</div>

但是我想要一个更清晰的语法,如下所示:

@form.Input( "name", "label" ).AddGroupCss( Css.ColMd6 )

但这需要添加新的扩展程序 AND ,而不是从form-group元素中删除大小调整类。这可能吗?

或者,你能否建议在FluentBootstrap中获得多列布局的其他方法?

0 个答案:

没有答案