한번쯤은 도움될 분석

부트스트랩(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 사이트로 넘어가죠 ㅎㅎ

 

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading