홈페이지 메인 동영상 iframe
관련링크
본문
반응형 홈페이지)
위 사이트에서 스크롤 내리시다보면 하단 부분쯤 동영상이 들어가있는 곳이 있습니다.(동영상 의학정보 3칸영역)
가로로 3개의 동영상을 나열하고 싶은데 계속 위아래로 붙어버리네요..
float:left 를 써보았는데 위치를 정확하게 모르겠어요
답변 1
<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>
동영상 부분 이렇게 감싸세요~~~
위의 부분대로 소스를 수정하니 동영상 미리보기 화면이 너무 작아졌어요(비율 축소 되었음)
알려드린 소스를 감싼
<div class="col-sm-4">
--- 답변드린 소스 ---
</div>
를 삭제하세요.
부트스트랩을 이해하시고 사용하시면 좋을 것 같은데 ㅠ ㅠ
해결 보셨으면 채택을 ^^
답변을 작성하시기 전에 로그인 해주세요.
