Как разделить область дизайна в Ant design?

Question

Я создал две левую и правую боковые панели. Эти два исправлены и в среднем столбце содержат страницу по умолчанию. Мне нужно включить все мои элементы на странице по умолчанию. Так что в App.js я написал такой код

<Row>
          <Col span={3}>
              <Rightbar />
          </Col>
          <Col span={18}>
              <div>
                  {this.props.children}
              </div>
          </Col>
          <Col span={3}>
              <LeftBar />
          </Col>
      </Row>

В коде страницы по умолчанию, как это

<div className="home-default-page">
        <img src="../img/bg6.jpg" style={{ height: 300, width: '100%' }} />

    </div>

но изображение охватывает боковые панели. Вы можете мне помочь?