Bootstrap 5 드롭다운 메뉴에 표시된 기본 아이콘을 Font Awesome 문자로 변경해야 합니다.
문서를 읽었지만 아무 쓸모가 없습니다. CSS를 다시 작성해 보았지만 성공하지 못했습니다.
Bootstrap 5에서 드롭다운 아이콘을 변경하는 방법은 무엇입니까?
좋아요. HTML 헤더에 이미 rel="stylesheet" 링크가 있다고 가정하겠습니다. 이것은 여러분이 사용해야 할 최신 버전이지만, 이전 버전을 사용해 보았는데 그것도 효과가 있었습니다:
그런 다음 Bootstrap 5 드롭다운을 선택하고 custom-dropdown 클래스를 추가했습니다.
그런 다음 CSS 파일에 다음 콘텐츠를 만듭니다.
글꼴 Awesome을 사용해 본 적이 없는데 border-top 0을 사용하지 않으면 아이콘 위에 흰색 막대가 표시됩니다. 이것이 바로 내가 bordertop과 Verticalalign을 사용하여 아이콘을 정렬하는 이유입니다.
또는 CSS에서 간단히 이 작업을 수행할 수 있습니다.
다음과 같은 아이콘을 사용하세요:
아이콘을 변경한 후 모든 것이 원하는 대로 작동하는지 확인하고, 그렇다면 정답으로 표시할 수 있습니다 :)
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
좋아요. HTML 헤더에 이미 rel="stylesheet" 링크가 있다고 가정하겠습니다. 이것은 여러분이 사용해야 할 최신 버전이지만, 이전 버전을 사용해 보았는데 그것도 효과가 있었습니다:
으아악그런 다음 Bootstrap 5 드롭다운을 선택하고 custom-dropdown 클래스를 추가했습니다.
으아악그런 다음 CSS 파일에 다음 콘텐츠를 만듭니다.
으아악글꼴 Awesome을 사용해 본 적이 없는데 border-top 0을 사용하지 않으면 아이콘 위에 흰색 막대가 표시됩니다. 이것이 바로 내가 bordertop과 Verticalalign을 사용하여 아이콘을 정렬하는 이유입니다.
또는 CSS에서 간단히 이 작업을 수행할 수 있습니다.
으아악다음과 같은 아이콘을 사용하세요:
으아악아이콘을 변경한 후 모든 것이 원하는 대로 작동하는지 확인하고, 그렇다면 정답으로 표시할 수 있습니다 :)