2017-12-27 20 views
0

부트 스트랩으로 구축 된 웹 응용 프로그램을 반응 및 반응 부트 스트랩으로 마이그레이션합니다. 둘 다 훌륭합니다. 반응 부트 스트랩에 보이지 않는 한 가지는 부트 스트랩의 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 소품을 추가 할 수도 있으며, 변경하지 않고 containercontainer-fluid으로 변경합니다.

b. 모든 내용을 <div className="text-center">으로 마무리하십시오. react-bootstrap에 대해 내가 좋아하는 것 중 하나는 수십억 개의 여분 코드가없는 깨끗한 코드이므로 <div>이 부적절합니다.

내가 말했듯이이 작업을 수행 할 기존 방법이 있는지 궁금해합니다. react-bootstrap 문서에서 이에 대한 의견을 언급하는 것이 좋을 것입니다.이 문서는 전혀 언급되지 않은 것 같습니다. Bootstrap docs의 섹션입니다.

감사합니다.

답변

1

나는 수동으로 <Grid className="text-center" >으로 클래스를 추가 할 것입니다. 특히 이것은 다른 상황에서 재사용 될 요소가 아닌 응용 프로그램을 래핑하는 단일 요소라는 것을 염두에두고 생각해보십시오.