홈페이지 메인 동영상 iframe

황뽀웹디

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2017-11-08 (수) 14:09:52 3,182

반응형 홈페이지)

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

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

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

floatleft 반응형 유투브 홈페이지

답변 1개 / 댓글 3개

채택된 답변

+20 포인트

nanati

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2017-11-08 (수) 14:18:59

Copy

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

    <div class="de23">
        <div class="movie">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe width="854" height="480" src="https://www.youtube.com/embed/Y9aN0RkRURw" 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="https://www.youtube.com/embed/Y9aN0RkRURw" 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="https://www.youtube.com/embed/Y9aN0RkRURw" frameborder="0" allowfullscreen=""></iframe>
            </div>
        </div>
    </div>
</div>

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

답변에 대한 댓글 3개

황뽀웹디

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2017-11-08 (수) 14:54:48

위의 부분대로 소스를 수정하니 동영상 미리보기 화면이 너무 작아졌어요(비율 축소 되었음)

nanati

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2017-11-08 (수) 14:58:34

알려드린 소스를 감싼
[code]
<div class="col-sm-4">
--- 답변드린 소스 ---
</div>
[/code]
를 삭제하세요.
부트스트랩을 이해하시고 사용하시면 좋을 것 같은데 ㅠ ㅠ

nanati

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2017-11-08 (수) 15:54:11

해결 보셨으면 채택을 ^^

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

홈페이지 메인 동영상 iframe

답변 1개 / 댓글 3개

답변에 대한 댓글 3개

공유하기