부트 스트랩으로 구축 된 웹 응용 프로그램을 반응 및 반응 부트 스트랩으로 마이그레이션합니다. 둘 다 훌륭합니다. 반응 부트 스트랩에 보이지 않는 한 가지는 부트 스트랩의 type alignment classes (예 : text-center
)을 원활하게 통합하는 방법입니다. 내 응용 프로그램은 내가이 주위에 두 가지 방법을 참조반응 부트 스트랩의 부트 스트랩 "type alignment"
<div class="container-fluid text-center">
에 싸여 있지만, 이러한 해킹되지 않습니다 주위에 권장되는 방법이 있는지 궁금하고있다.
. 내<Grid>
JSX 태그를
<Grid bsClass="text-center container">
으로 바꿉니다. 이것은 정상적으로 작동하는 것으로 보이지만, "일반적으로 bsClass를 변경하여 새로운 비 부트 스트랩, 구성 요소의 CSS 스타일을 제공해야합니다."라는
react-bootstrap
docs을 확인합니다. 에
fluid
소품을 추가 할 수도 있으며, 변경하지 않고
container
을
container-fluid
으로 변경합니다.
b. 모든 내용을 <div className="text-center">
으로 마무리하십시오. react-bootstrap
에 대해 내가 좋아하는 것 중 하나는 수십억 개의 여분 코드가없는 깨끗한 코드이므로 <div>
이 부적절합니다.
내가 말했듯이이 작업을 수행 할 기존 방법이 있는지 궁금해합니다. react-bootstrap
문서에서 이에 대한 의견을 언급하는 것이 좋을 것입니다.이 문서는 전혀 언급되지 않은 것 같습니다. Bootstrap docs의 섹션입니다.
감사합니다.