부트스트랩(getbootstrap) 코드로 html 에서 YouTube 링크하는거 만들기
1. 밑에, 부트스트랩 사이트에 간다.
Stretched link · Bootstrap v5.0 (getbootstrap.com)
Stretched link
Make any HTML element or Bootstrap component clickable by “stretching” a nested link via CSS.
getbootstrap.com
2. 위에 사이트에서 마음에 드는걸 찾는다.
저는 밑에처럼 찾았죠.
밑에처럼 웹사이트에서 구현된다고 해서 바로 copy 버튼 누르고,
3. 그리고 위의 코드를 그대로 파이참의 index.html 에 갖다 붙이고,
빨간box 처럼 제가 원하는 대로 수정했죠.
- 이미지는 쓰고 싶지 않아서 <img src ~ > 이 부분을 주석처리 했구요,
- href= 여기에 링크주소 넣고
- 나머지는 보면 아시겠죠...ㅎ
4. 그래서 밑에처럼 잘 됐죠 ㅋ
밑에 빨간box 부분을 클릭하면,
제 YouTube 사이트로 넘어가죠 ㅎㅎ