title: How to stop an image from overflowng in bootstrap?
body: <p>I'm trying to make a thumbnail icon inside of a jumbotron that has description and nothing works. Can you take a look please and tell me what I do wrong?</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-12"&gt;
          &lt;div class="jumbotron"&gt;
  &lt;h1 class="text-center"&gt;Kevin Mitnick&lt;/h1&gt;
  &lt;h3 class="text-center"&gt;The World's Most Famous hacker&lt;/h3&gt;
    &lt;div class="thumbnail"&gt;&lt;img src="https://i.ytimg.com/vi/Nn3O8XD1z0w/maxresdefault.jpg" alt="Kevin's Picture"&gt;
      &lt;div class="caption text-center"&gt;&lt;p&gt;Kevin Mitnick talking in the popular YouTube channel "Big Think".&lt;/p&gt;&lt;/div&gt;
            &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>and the css:</p>
  
  <pre><code>body {
    margin-top: 60px;
  }
  </code></pre>