반응 부트 스트랩 및 재질 ui 룩앤필

Question

제 웹 응용 프로그램에서 react-bootstrap을 사용하고 있습니다. 즉, 부트 스트랩 상단에 빌드 된 React 구성 요소. 부트 스트랩의 디자인을 사용자 정의하고 싶었고 재질 디자인이 마음에 들었습니다. 그래서 약간 검색했고 bootstrap-material-design을 발견했습니다. 나는 단지 그것을 사용할 수 있을지 궁금하다. AFAIK 그것은 추가 CSS 파일 (?)이고, 반응 부트 스트랩으로 멋지게 연주한다면 AFAIK이다. 누군가 이미 시도해 봤나?

비슷한 프로젝트에도 관심이 있습니다. 내 목표는 반응 부트 스트랩 코드 기반을 유지하는 것이지만 더 나은 UI를 여전히 가지고있다. 그렇지 않으면 Material UI를 사용했을 것입니다.

Answer 1

bootstrap-material-design은 react-bootstrap이 구성 요소를 제공하는 CSS 클래스를 사용합니다.

두 가지 모두 스타일을 정의하는 데 클래스를 사용합니다. 따라서 적용되는 스타일은 클래스 특수성으로 귀결됩니다. 이로 인해 예기치 않은 결과가 발생할 수 있습니다. react-bootstrap 스타일은 중첩 된 CSS 선택기로 인해 더 많은 특수성을 갖게됩니다.

react-bootstrap과 함께 material-ui을 사용할 수 있고 사용 사례에 적합한 구성 요소를 사용할 수 있습니다.