Play with google+ responsive

Bootstap base config

by panchroma

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row-fluid">
    <div class="span6">span 6</div>
    <div class="span6">span 6 <br><div class="g-plus" data-width="300" data-href="//plus.google.com/102018846923934084444" data-rel="publisher"></div></div>
    
  </div> <!-- end row -->


</div> <!-- end container -->

CSS

.span6{background-color:#ffc;border-bottom:1px solid grey;}

.g-plus{
  width=50%;
  max-width:15%;
  background-color:grey;
  border:solid green 1px;
}

JavaScript

(function() {
   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
   po.src = 'https://apis.google.com/js/plusone.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();