making my code right : <p>can some one tell me if there's something wrong in my code ?</p>

<p>i am using bootsrap is js and css files and in this code below it should open a dialog box but i don't know why it's not working. wanted to make sure if it's all ok here </p>

<pre><code>&lt;div class="modal fade details-1" id="details-1" tabindex="-1" role="dialog" aria-labelledby="details-1" aria-hidden="true"&gt;
    &lt;div class="modal-dialog modal-lg"&gt;
        &lt;div class="modal-header"&gt;
            &lt;button class="close" type="button" data-dismiss="modal" aria-label="close"&gt;
                &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
            &lt;/button&gt;
            &lt;h4 class="modal-title text-center"&gt;Levis Jeans&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
            &lt;div class="container-fluid"&gt;
                &lt;div class="row"&gt;
                    &lt;div class="col-sm-6"&gt;
                        &lt;div class="center-block"&gt;
                            &lt;img src="images/products/men4.png" alt="Levis Jeans" class="details img-responsive"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-sm-6"&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
