我正在尝试将字段排列在水平表单的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中获得多列布局的其他方法?