안녕하세요! 코딩이라는 말을 입시 면접 준비하면서 처음 들었던 사람이 어쩌다보니 홈페이지를 만들게 되었습니다. ㅠ 너무 어렵네요. 급한 일정에 그렇게 멋지게 만들 필요는 없기 때문에 유튜브 등에서 html이랑 css 강의를 약간 듣고 부트스트랩 이용하는 방법 조금 맛만 보고 바로 홈페이지를 만들기 시작했습니다. 간단히 이 정도 틀은 만들었고 토글탭(?)의 컨텐츠 부분에 좌측에는 유튜브 영상을 넣고 우측에는 이미지 슬라이드를 넣으려고 했는데, 생각처럼 되질 않네요ㅠ 토글탭은 부트스트랩을 이용했습니다.(출처:https://bootsnipp.com/snippets/featured/bootstrap-line-tabs-by-keenthemes) 제 생각에는 tab-content 부분의 다시보기 문단 아랫 문단을 div 를 이용해 두 부분으로 나누고, 유튜브 넣고 이미지 슬라이드 넣으면 될 것 같았는데 유튜브 부분이 안 보이네요 ㅠㅠ 혹시나 이 글을 읽으시고 귀찮지만 코드가 보이신다면 간단하게라도 알려주세요... 며칠째 검색해서 고쳐보고 있는데 안 되네요

//여기에 코드를 입력하세요
<div class="container">
    <div class="row">
        <div class="col-md-12">

<div class="tabbable-panel">
    <div class="tabbable-line">
        <ul class="nav nav-tabs">
            <li class="active">
                <a href="#tab_content_1" data-toggle="tab"> 2018 </a>
            </li>
            <li>
                <a href="#tab_content_2" data-toggle="tab"> 2019 </a>
            </li>
            <li>
                <a href="#tab_content_3" data-toggle="tab"> Comming Soon </a>
            </li>
        </ul>
        <div class="tab-content">
        <div class="tab-pane active" id="tab_content_1">
            <p>
                다시보기
            </p>
            <div class="col-md-6">
                <div id="youtube">
                <div class="col-md-3">
                <div class="youtube">
                    <iframe src="https://www.youtube.com/watch?v=nXLQV2PLmtY" frameborder="0" allowfullscreen></iframe>
                </div>
                </div>
                </div>
            </div>
            <div class="col-md-6">
                <div id="imgslide">
                <div class="card mb-3">
                      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
              </ol>
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="img/testimg.png" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                  <img src="img/testimg.png" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                  <img src="img/testimg.png" class="d-block w-100" alt="...">
                </div>
              </div>
              <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
                    </div>
                </div>
            </div>
            </div>
            <p>
                <a class="btn btn-success" href="#" target="_blank">
                    Top
                </a>
            </p>
        </div>
        <div class="tab-pane" id="tab_content_2">
            <p>
                Tab 2.
            </p>
            <p>
                뭐라뭐라뭐라~.
            </p>
            <p>
                <a class="btn btn-warning" href="#" target="_blank">
                    Top
                </a>
            </p>
        </div>
        <div class="tab-pane" id="tab_content_3">
            <p>
                새로운
            </p>
            <p>
                <img src="img/coming_soon_%EB%8C%80%EC%A7%80%201.png">
            </p>
            <p>
                <a class="btn btn-info" href="#" target="_blank">
                    Top
                </a>
            </p>
        </div>
        </div>
</div>
</div>
</div>
</div>
</div>