Modals

  1. EFM - Enfants Français de Madagascar
  2. Modals

Modals

Normal Modal

Small Modal

Large Modal

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg btn-ar" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
    </div>
    <div class="modal-body">
        ...
    </div>
    <div class="modal-footer">
        ...
    </div>
</div>
</div>
</div>

Video Modal

Support for Youtube, Vimeo, HTML5 Video, etc. Video fully responsive to all the screens

Width Title

Only Video

Responsive Size