title: How can I flip Images in Bootstrap framework? using jquery or css
body: <p>The image should be flipped on hover, showing some text or a link: </p>
  
  <pre><code>&lt;div class="clearfix visible-xs"&gt;&lt;/div&gt;
        &lt;div class="col-md-3 col-sm-3 col-xs-6"&gt;
          &lt;div class="speaker-item animated hiding" data-animation="fadeInUp" data-delay="1000"&gt;
            &lt;div class="img-wrapper"&gt;
              &lt;img src="assets/img/speaker/speaker-3.jpg" class="img-responsive img-circle" alt="speaker-3" /&gt;
            &lt;/div&gt;
            &lt;div class="name"&gt;Brad Pitt&lt;/div&gt;
            &lt;div class="sub"&gt;CEO Yahoo&lt;/div&gt;
            &lt;p class="small"&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry.&lt;/p&gt;
            &lt;div class="social-link"&gt;
              &lt;a href="#"&gt;&lt;span class="fa fa-facebook"&gt;&lt;/span&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;span class="fa fa-twitter"&gt;&lt;/span&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;span class="fa fa-google-plus"&gt;&lt;/span&gt;&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>