Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags more
Archives
Today
Total
관리 메뉴

flowerfor

react - bootstrap 사용하기 본문

카테고리 없음

react - bootstrap 사용하기

ffdaphne 2022. 10. 24. 21:19

react는 npm으로 부트스트랩을 설치해야한다. 난 버튼을 설치해볼 것이다.

 

npm install react-bootstrap bootstrap

설치 후에 react안에 있는 index.js에서 버튼을 import 해주고

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import 'bootstrap/dist/css/bootstrap.min.css' ;

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

난 button을 import 할 것이기 때문에 react-bootstrap에서 버튼을 가져와서 붙이면된다!

https://react-bootstrap.netlify.app/components/buttons/#rb-docs-content