Я использую приложение create-response-app и Bootstrap, и я пытаюсь реализовать модули CSS. Итак, у меня есть ввод, который я хочу стилизовать с помощью .form-control из bootstrap и .input, класса в модуле CSS.
MyComponent. js:
import React from 'react';
import styles from './counter.module.css'
const MyComponent = (props) => (
<input type="text" className={styles.input} />
);
counter.module. css:
.input {
composes: form-control from "./bootstrap.min.module.css";
text-align: center;
}
Кажется, все в порядке, за исключением того, что не работает: применяются только стили, которые я определяю в .input.
bootstrap .min.module. css - это обычный Bootstrap файл с .module, может поэтому он не работает? Есть ли способ заставить его работать?