关于布局组件Row的跨列显示问题

[zijiaxing]

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

[bb-auto[bot]]

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

@zijiaxing 尽量不要使用 Row 组件，建议使用 bs 的栅格系统布局，比 Row 组件灵活太多了

[zijiaxing]

我是在ValidateForm中自己布局的，如果用bs 的栅格系统布局的话，怎么控制输入控件的label位置呢？

[zijiaxing]

添加 form-inline解决了