Как установить размер <Col>для каждого размера экрана в React?

Question

Это мой код:

 <Row>
    <Col xs="11"> 
       Title
    </Col>
    <Col xs="1">
      <Button/ >
    </Col>
 </Row>

Я хочу отобразить title и button на Row, и контейнер для заголовка должен быть почти на весь экран (11/12 ). Размер контейнера кнопки должен составлять 1/12 экрана. Есть ли способ, чтобы установить это для каждого размера экрана? В моем коде это работает, если экран больше xs. Я не знаю, как установить Col size =11 для каждого размера экрана.

Спасибо: -)