How to add container and image in modal bootstrap
<p>I would like to make a modal that has a container and an image inside .modal-body.</p>

<p>Code:</p>

<pre><code>&lt;div class="add-data"&gt;
    &lt;a href="" data-toggle="modal" data-target="#largeModal"&gt;
        &lt;img class="img-responsive" src="http://placehold.it/260x340" alt=""&gt;
        &lt;h4 class="bold"&gt;lipsum&lt;/h4&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;div class="modal fade" id="largeModal" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true"&gt;
    &lt;div class="modal-dialog modal-lg"&gt;
        &lt;div class="modal-content"&gt;
            &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                  &lt;h3 class="modal-title uppercase capital bold " id="myModalLabel"&gt;portfolio&lt;/h3&gt;
            &lt;/div&gt;
            &lt;div class="modal-body"&gt;
                &lt;div class="container"&gt;
                  &lt;img src="http://placehold.it/260x340" alt=""&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="modal-footer"&gt;
                &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
                &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

.img{width:100%;}
</code></pre>

<p>And the result of my code is the image fully (i mean take the whole modal-body).</p>

<p>If i'm not include the container then image will be on the left.</p>

<p><strong>Question :</strong> How can i make a modal that have a container and image(in middle) inside modal-body?</p>