<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row text-center"> <h2>Youtube Embedded Responsively</h2> <div class="col-md-6"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rhoncus quam. Aliquam suscipit neque non erat lacinia sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc mi lacus, iaculis at dictum eget, condimentum in magna. Curabitur orci est, semper eget pulvinar quis, rhoncus vel orci. Vestibulum eget porta mi, eget mollis urna. Suspendisse potenti. Curabitur velit dolor, tincidunt in dolor vel, sagittis maximus mi. Proin id enim ac eros vestibulum gravida ac quis lacus. Integer non neque vitae dui rutrum ornare. Proin consectetur, tellus finibus condimentum vulputate, magna eros convallis quam, tristique congue nisl sem nec mauris. Morbi sem neque, ultrices quis congue et, eleifend ultricies massa. Cras ultricies accumsan mauris a sagittis. Aliquam in purus maximus, vehicula urna ac, pellentesque velit. Suspendisse maximus condimentum enim, non pellentesque quam bibendum tincidunt. Duis aliquet dignissim congue. </p> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/PWxc541ONIQ" frameborder="0" allowfullscreen></iframe> </div> </div> </div> </div>