Repository navigation
关于布局组件Row的跨列显示问题 #8228
Description
Is there an existing issue for this?
- I have searched the existing issues
Describe the bug
我将示例程序中Row组件的跨列功能中“行显示 4 个 Address 占 2 列”示例的代码改成了下面的样子，但是显示出来的布局跟我想象中的不一样：
<ValidateForm Model="@SpanModel">
<Row>
<GroupBox Title="@Localizer["RowSpanTips3"]">
<Row ItemsPerRow="ItemsPerRow.Two" RowType="RowType.Inline">
<BootstrapInput @bind-Value="@SpanModel.Name" />
<Select @bind-Value="@SpanModel.Education" />
<Row ColSpan="2" RowType="RowType.Inline">
<BootstrapInput @bind-Value="@SpanModel.Address" />
</Row>
</Row>
</GroupBox>
</Row>
</ValidateForm>实际效果：
.Net版本：.NET10
Expected Behavior
期望效果：
Interactive render mode
Interactive Server (Interactive server-side rendering (interactive SSR) using Blazor Server)
Steps To Reproduce
<ValidateForm Model="@SpanModel">
<Row>
<GroupBox Title="@Localizer["RowSpanTips3"]">
<Row ItemsPerRow="ItemsPerRow.Two" RowType="RowType.Inline">
<BootstrapInput @bind-Value="@SpanModel.Name" />
<Select @bind-Value="@SpanModel.Education" />
<Row ColSpan="2" RowType="RowType.Inline">
<BootstrapInput @bind-Value="@SpanModel.Address" />
</Row>
</Row>
</GroupBox>
</Row>
</ValidateForm>Exceptions (if any)
No response
.NET Version
NET9.0
Anything else?
No response
Activity
bb-auto commentedon Jul 15, 2026
@zijiaxing Thank you for filing this issue. In order for us to investigate this issue, please provide a minimalistic repro project that illustrates the problem.
ArgoZhang commentedon Jul 15, 2026
@zijiaxing 尽量不要使用 Row 组件，建议使用 bs 的栅格系统布局，比 Row 组件灵活太多了
[-]bug(): 关于布局组件Row的跨列显示问题[/-][+]关于布局组件Row的跨列显示问题[/+]