인프런 커뮤니티 질문&답변

작성한 질문수

리액트로 나만의 블로그 만들기(MERN Stack)

(20) Header(2)

선생님 왜 저는 백날해도 collapse 내용이 link아래로 갈까요?

해결된 질문

작성

334

따로 리버스 값을 줘야하는 건가요?

똑같이 했는데 결과가 달라서 무슨 문제인지 모르겠습니다 ㅠ

d-flex 가 안먹히는거같습니다..

답변 2

질문자

<Container className="d-flex">

<Link to="/" className="text-white text-decoration-none">

Side Project's Blog

</Link>

<Collapse className="ml-auto d-flex justify-content-end" isOpen={isOpen} navbar>

<Nav navbar>

{isAuthenticated ? (

authLink

) : (

guestLink

)}

</Nav>

</Collapse>

<NavbarToggler onClick={handleToggle}/>

로 수정해서 얼추 비슷하게는 하였습니다. 답변감사합니다 ㅎㅎ

(세로로 나오길래 Container ClassName에 d-flex값을 주었고, Blog이름과 Collapse가 붙어 있길래 Nav가 아닌 Collapse 값에 content-end값을 주었습니다.)(Nav의 ClassName값은 제거)

지식공유자

혹시 AppNavbar.js에서 위치가 제대로 되어 있는지 확인해보시기 바랍니다.

컴퓨터는 단순히 빠른 계산기에 불과하기에

에러가 발생하는 것은 분명 작성자가 뭔가를 잘못 입력해서 발생하는 것입니다.

어떤 결과가 발생했다는 것은 내가 뭔가를 잘 못 입력했다는 것이지요.

link가 무조건 위에 나온다는 것은 뭔가 빼고 작성하신 듯 합니다.

<그 외>

혹시 reactstrap 버전이 몇인가요? 8보다 높으면 8버전으로 맞춰주시고 강의를 따라오신다음

완강후 버전을 현재버전으로 높혀

그래도 에러가 발생하면 reactstrap docs를 보고 수정하시는걸 권합니다.

작성한 질문수