구성 요소가 끔찍하게 보이고 패딩이 전혀 없음

Question

bootstrap 3.3.7 및 react-bootstrap 0.31.5이 설치되었습니다. 내 index.tsx 보이는 같은 : [...] 코드 here에 대한의 의미

import 'bootstrap/dist/css/bootstrap.css'; 
import 'bootstrap/dist/css/bootstrap-theme.css'; 
import * as React from 'react'; 
import * as ReactDOM from 'react-dom'; 
import { Button, ButtonToolbar } from 'react-bootstrap'; 

ReactDOM.render(
    <div>[...]</div>, 
    document.getElementById('root') as HTMLElement 
); 

.

내가 일어날 기대 :

을 실제로 어떻게됩니까 :

무슨 일이 일어나고 있는지 어떤 단서?

Answer 1

여백은 .btn-toolbar>.btn입니다. <div className='btn-toolbar'>[...]</div>을 사용해야합니다. 부트 스트랩을 사용하기로 결정했다면, 규칙을 엄격하게 따라야합니다.