I want input after AAA to show on the same line.
I use el-row and el-col to wrap input but two input display vertically.
Someone knows?Thanks.

<el-card class="box-card">
        <el-form>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="AAA">
                        <el-input v-model="queryCondition.fromPartno" />
                        <span>~</span>
                        <el-input v-model="queryCondition.toPartno" />
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="BBB">
                        <el-input v-model="queryCondition.partDesc" />
                    </el-form-item>
                </el-col>
                <el-col :span="4">
                    <el-form-item label="CCC">
                        <el-radio-group v-model="queryCondition.type">
                            <el-radio value="2">YES</el-radio>
                            <el-radio value="1">NO</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item>
                        <el-button type="primary">button</el-button>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </el-card>