عناصر / مودال

مثال پایه

پیمایش محتوای طولانی

عمودی مرکز

راهنمای ابزار و ابزارک ها

تغییر محتوای مدرن

اندازه مودال

چگونه استفاده کنیم

استفاده عمومی از HTML
<button class="button button-primary" data-toggle="modal" data-target="#exampleModal1">راه اندازی مجدد</button>
<!-- مودال -->
<div class="modal fade" id="exampleModal1">
    <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
             <h5 class="modal-title">عنوان مودال</h5>
             <button class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
          </div>
          <div class="modal-body">
             <p>واوووو، شما در حال خواندن این متن در مودال هستید!</p>
          </div>
          <div class="modal-footer">
             <button class="button button-danger" data-dismiss="modal">Close</button>
             <button class="button button-primary">Save changes</button>
          </div>
       </div>
    </div>
</div>

برای اطلاعات بیشتر لطفا به دنبال مستندات رسمی

1398 © جعفر عباسی