Как установить ширину Col по умолчанию / mobile в React Bootstrap без использования className - PullRequest
Новая
       81

Как установить ширину Col по умолчанию / mobile в React Bootstrap без использования className

0 голосов
/ 02 мая 2020

Если я хочу создать строку, в которой 2 столбца занимают половину экрана на рабочем столе, но занимают 2/3 экрана на мобильном устройстве, я могу сделать это с помощью кода, приведенного ниже. 

import {Col, Row} from 'react-bootstrap'

...

<Row>
    <Col md={6} className='col-8' ></Col>
    <Col md={6} className='col-8' ></Col>
</Row>

но я чувствую, что установка className='col-8' немного избыточна и, возможно, не самый чистый метод.

Есть ли способ установить мобильную ширину каждого столбца в быть 8, используя технику, используемую для md={6}, например, что-то вроде 

<Row>
    <Col md={6} def={8} ></Col>    {/* def is short for default */}
    <Col md={6} def={8} ></Col>
</Row>
...