Почему моя listgroup реактивной загрузки отображается по-другому?

Я использую response-bootstrap для создания группы списка, а ниже - мой код рендеринга

render() {
        return (
            <ListGroup>
                <ListGroupItem header="paitent1" href='#' active>
                    session 1
                </ListGroupItem>
                <ListGroupItem header="paitent2" href='#'>
                    session 2
                </ListGroupItem>
            </ListGroup>
        );
    }

Это довольно просто, но отображается некрасиво, моя реакция-бутстрап - 0.32.1. Что не так? enter image description here

2
0
132
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Возможно, вы импортировали библиотеку в свой компонент, но вам все равно нужно импортировать CSS самостоятельно.

https://react-bootstrap.github.io/getting-started/introduction

Вы можете либо импортировать его в свой index.html https://react-bootstrap.github.io/getting-started/introduction

или вы можете импортировать его в свой src / index.js и позволить webpack обрабатывать ваш CSS

Другие вопросы по теме