<div class="container">
  <div class="row">
    <div class="col-sm-5 col-sm-offset-1">
      <div class="widget facebook-widget">
        <p class="widget-title h5">Facebook Page Plugin</p>
        <p class="lead-alt">please, check the source code of this block</p>
      
        <!-- remove 'hidden' class from the bottom block to enable facebook widget
             the block can be overflowed after unhiding, that will be fixed permanent removing of 'hidden' class
             -->
        <div class="fb-page hidden"
             data-href="https://www.facebook.com/7prism/"
             data-small-header="false"
             data-adapt-container-width="true"
             data-hide-cover="false"
             data-show-facepile="false">
          <blockquote cite="//www.facebook.com/7prism/" class="fb-xfbml-parse-ignore">
            <!-- you can use real href for the link below -->
            <a href="//www.facebook.com/7prism/">7prism</a>
          </blockquote>
        </div>
      </div>
    </div>
    <div class="col-sm-5">
      <div class="widget facebook-widget">
        <p class="widget-title h5">Facebook Like Button</p>
        <p class="lead-alt">please, check the source code of this block</p>
      
        <!-- remove 'hidden' class from the bottom block to enable facebook like button
             the block can be overflowed after unhiding, that will be fixed permanent removing of 'hidden' class
             -->
        <div class="fb-like hidden"
             data-href="https://www.facebook.com/7prism/"
             data-layout="standard"
             data-action="like"
             data-size="small"
             data-show-faces="true"
             data-share="true">
        </div>
      </div>
    </div>
  </div>
</div>

<div id="fb-root"></div>