Skip to content
This repository has been archived by the owner on Sep 18, 2018. It is now read-only.

E040

Jump to bottom
Herst edited this page Sep 8, 2018 · 3 revisions

Note: Below is the original page from the Bootlint documentation, some of the info here might not apply to Bootlint-NG!

E040

.hide should not be used on .modal in Bootstrap v3.

In Bootstrap v3, modals are hidden by default by virtue of the .modal class. There is no need to add .hide to a .modal, and in fact adding .hide will interfere with proper showing of the modal, so it should not be done.

.modal.hide was previously required in old Bootstrap v2, but this is no longer the case in Bootstrap v3. The markup required for modals has changed significantly between v2 and v3, and modal examples for Bootstrap v2 should therefore not be followed when using Bootstrap v3.

Wrong:

<div class="modal hide">
  ...
</div>

Right:

<div class="modal fade">
  ...
</div>

Also Right:

<!--Modal without show/hide animation-->
<div class="modal">
  ...
</div>

Bootlint-NG documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc. For the original Bootlint documentation this is a fork of, see https://github.com/twbs/bootlint/wiki.

Clone this wiki locally