<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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 id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="container"> <div class="row"> <h2>TEST: Embed Social Sites</h2> </div> </div> <div class="container"> <!-- Example row of columns --> <div class="row"> <div class="span4"> <h2>Facebook</h2> <p> Donec id elit non mi porta gravida at eget metus. </p> <div class="fb-post" data-href="https://www.facebook.com/FacebookDevelopers/posts/10151471074398553" data-width="300"></div> <p><a class="btn" href="#">View details »</a></p> </div> <div class="span4"> <h2>Twitter</h2> <p> <blockquote class="twitter-tweet" lang="en"><p>Leaving on vacation for Florida in just two days! Sure looking forward to it. <a href="http://t.co/sSlzWQ4dk4">http://t.co/sSlzWQ4dk4</a></p>— Jon Naturr (@jnaturr) <a href="https://twitter.com/jnaturr/statuses/503316749534916611">August 23, 2014</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> </p> <p><a class="btn" href="#">View details »</a></p> </div> <div class="span4"> <h2>Pinterest</h2> <p> Test</p> <a data-pin-do="embedBoard" href="http://www.pinterest.com/jnaturr/art/"data-pin-scale-width="80" data-pin-scale-height="200" data-pin-board-width="400">Follow Jon's board Art on Pinterest.</a><!-- Please call pinit.js only once per page --><script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script> <p><a class="btn" href="#">View details »</a></p> </div> </div> <hr> </div> <hr> <div class="container"> <!-- Example row of columns --> <div class="row"> <div class="span4"> <h2>LinkedIn</h2> <p> <script src="//platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/MemberProfile" data-id="http://www.linkedin.com/in/jnaturr" data-format="inline" data-related="false"></script> </p> <div class="fb-post" data-href="https://www.facebook.com/FacebookDevelopers/posts/10151471074398553" data-width="300"></div> <p><a class="btn" href="#">View details »</a></p> </div> <div class="span4"> <h2>Twitter</h2> <p> asdf </p> <p><a class="btn" href="#">View details »</a></p> </div> <div class="span4"> <h2>xxxPinterest</h2> <p> Test</p> <p><a class="btn" href="#">View details »</a></p> </div> </div> <hr> </div>