title: Bootstrap Profile Card
body: <p>I'm trying to build a profile card in Bootstrap 3 and I'm having trouble getting the image to fit into the card.  I think I can do this easier if I link to image in the css but I have many profile cards with all different people so I think keeping the image link in the HTML is better in this case.</p>
  
  <p>Here's how I'd like it:</p>
  
  <p><a href="https://i.stack.imgur.com/fhFq9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fhFq9.png" alt="http://puu.sh/ldqbm/d1d999b410.png"></a></p>
  
  <p>and here's the where I'm at:<a href="http://jsfiddle.net/L3789n7u/1/" rel="nofollow noreferrer">http://jsfiddle.net/L3789n7u/1/</a></p>
  
  <p>Any help is greatly appreciated.  Thanks!</p>
  
  <p>~Tony</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="people-cards"&gt;
              &lt;div class="col-md-6"&gt;
                  &lt;div class="well"&gt;
                      &lt;div class="profile-image"&gt;
                          &lt;img src="https://higherlogicdownload.s3.amazonaws.com/MBGH/4f7f512a-e946-4060-9575-b27c65545cb8/UploadedImages/Board%20Photos/SIZE%20150x190/PAMELA%20HANNON%202015.jpg"&gt;
                              &lt;div class="card-info"&gt;
                       &lt;h3 div class="company"&gt;Company Name&lt;/h3&gt;
  
                       &lt;h4 div class="name"&gt;Person Name&lt;/h4&gt;
                       &lt;h5 div class="title"&gt;Job Title&lt;/h5&gt;
                      &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>