html - 如何使用 React BootStrap 排列项目

Question

我正在尝试这样做

但是其他列只是在图像下方。这是我正在尝试的

<Container>
                <Form >
                    
                <Col>
                    {hello}
                </Col>

                </Form>
            </Container>
            );

我认为添加另一个 Col 会向右移动任何东西，但它只是在图像下方。如果不使用填充或边距，有什么方法可以做到这一点？

标签： htmlcssreactjsreact-bootstrap

Answer 1

您必须在<Row>标签之外定义一个<Col>标签

<Container>
    <Form className = "JobBox">
        <Row>
            <Col>
                <Image
                    width={161}
                    height={106}
                    src= {require("./office.jpg")}
                    rounded/>
            </Col>
            <Col>
                {location}
            </Col>
        </Row>
    </Form>
</Container>

希望这会帮助你。