모바일은 메인에 최신글 불러오면 자동으로 영역 밖으로 잘리는 부분이 

터치 드래그가 되잖아요? 

pc도 똑같이 마우스로 드래그 해서 최신글을 볼수 있게 하고 싶습니다. 

 bxslider , swiper, slickslider 등등 아무리 소스를 봐도 뭘 어떻게 쓰라는건지 모르겠어요.... ㅠㅠ

<!-- 최신글 시작 -->
<div class="col-md-wrap">
    <div class="col-md-12">
        <?php for ($i = 0; $i < count($list); $i++) {
    //    $link1_id = $list[$i]['wr_link1'];
        $link1_id = $list[$i]['wr_1'];
        ?>
        <div class="col-md-4" style="margin:0 0 30px 0 ">
            <div class="youtube" style="position:relative">
                <iframe style=" background:#000; color:#fff" src="https://www.youtube.com/embed/<?php echo $link1_id; ?>?rel=0&controls=0&showinfo=0&autoplay=0" frameborder="0" border=0 scrolling=no allowfullscreen>
                </iframe>
                <div style="position:absolute; top:94%; left:0px; width:100%; height:30px; padding:0; margin:0; background:url(<?php echo $latest_skin_url ?>/back.png); font-color:#fff; color:#fff" ><a href="<?php echo $list[$i]['href'] ?>" style="color:#fff; font-size:15px; "><span style="padding:5px 0 0 5px;"><?php echo cut_str($list[$i]['subject'], 30, "..") ?>
                    </span></a>
                </div>
            </div>
        </div>
        <?php }  ?>
        <?php if (count($list) == 0) { //동영상이 없을 때  ?>
        <li>동영상이 없습니다.</li>
        <?php }  ?>
    </div>
</div>

<style>

    .col-md-wrap { 
     width:1280px;
    }
    .col-md-12 {
        width:15500px;
        
    }
    .col-md-4 {
        width:1000px
    }    

</style>

모바일처럼 되려면 어떻게 해야할까요