<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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"> <h2>TEST: pinterest embed</h2> <div class="md-12"> <center> <hr> <iframe width="560" height="315" src="//www.youtube.com/embed/fY0f4AI5hD0" frameborder="0" allowfullscreen></iframe> <hr> <!-- START pinterest embed --> <hr> <iframe width="560" height="315" src="//www.youtube.com/embed/sH7-tgpDrk8" frameborder="0" allowfullscreen></iframe> <hr> <a data-pin-do="embedBoard" href="http://www.pinterest.com/mrmccormack/creativity-in-education/" data-pin-scale-width="80" data-pin-scale-height="320" data-pin-board-width="400"></a> <!-- Please call pinit.js only once per page --> <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script> <!-- START pinterest embed --> <center> </div><!-- /.md-12 --> </div> <!-- /.row --> </div> <!-- /.container -->