CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-3
Damiii
Damiii

Reputation: 1373

Small modal doesn't appear small

So i saw that link : http://getbootstrap.com/javascript/#alerts. And wanted to add the small modal on my project. I copied the same code from the link but instead of showing small, it's bigger ! With no header and cross button ! What am i missing ?

enter image description here

This is the code : 

<!-- Small modal -->
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">

            </div>
        </div>
    </div>

I did tried to use an header like on the others examples above , but not working (at least for me).

Upvotes: 0

Views: 92

Answers (1)

AyB
AyB

Reputation: 11665

In the bootstrap site, they have included the minimum code, that's why you cannot find the header which is included in:

<div class="modal-header"></div>

As for the small modal box, your code should work correct if you have this in your CSS:

.modal-sm{width:300px}

Check out the demo made.

Upvotes: 1

Related Questions