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