테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

홈페이지 메인 동영상 iframe 채택완료

황뽀웹디 8년 전 조회 3,003
답변 1
목록

반응형 홈페이지)

위 사이트에서 스크롤 내리시다보면 하단 부분쯤 동영상이 들어가있는 곳이 있습니다.(동영상 의학정보 3칸영역)

가로로 3개의 동영상을 나열하고 싶은데 계속 위아래로 붙어버리네요..

float:left 를 써보았는데 위치를 정확하게 모르겠어요

#floatleft #반응형 #유투브 #홈페이지
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
nanati
nanati
8년 전

</p>

<p><div class="col-sm-4"> </p>

<p>    <div class="de23">

        <div class="movie">

            <div class="embed-responsive embed-responsive-16by9">

                <iframe width="854" height="480" src="<a href="https://www.youtube.com/embed/Y9aN0RkRURw"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/Y9aN0RkRURw"</a> frameborder="0" allowfullscreen=""></iframe>

            </div>

        </div>

    </div>

</div>

<div class="col-sm-4">

    <div class="de23">

        <div class="movie">

            <div class="embed-responsive embed-responsive-16by9">

                <iframe width="854" height="480" src="<a href="https://www.youtube.com/embed/Y9aN0RkRURw"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/Y9aN0RkRURw"</a> frameborder="0" allowfullscreen=""></iframe>

            </div>

        </div>

    </div>

</div>

<div class="col-sm-4">

    <div class="de23">

        <div class="movie">

            <div class="embed-responsive embed-responsive-16by9">

                <iframe width="854" height="480" src="<a href="https://www.youtube.com/embed/Y9aN0RkRURw"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/Y9aN0RkRURw"</a> frameborder="0" allowfullscreen=""></iframe>

            </div>

        </div>

    </div>

</div>

 </p>

<p>

 

동영상 부분 이렇게 감싸세요~~~

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

�
황뽀웹디
8년 전
위의 부분대로 소스를 수정하니 동영상 미리보기 화면이 너무 작아졌어요(비율 축소 되었음)
n
nanati
8년 전
알려드린 소스를 감싼
[code]
<div class="col-sm-4">
--- 답변드린 소스 ---
</div>
[/code]
를 삭제하세요.
부트스트랩을 이해하시고 사용하시면 좋을 것 같은데 ㅠ ㅠ
n
nanati
8년 전
해결 보셨으면 채택을 ^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인