%45 تخفیف، با کد daneshjoo روی تمام آموزش ها، بمناسبت روز دانشجو
زمان باقی مانده (آخرین فرصت)
سبد (0)

تبلیغات

انواع هشدارها در بوت استرپ

هشدارها(Alerts)

Wiki

با استفاده از بوت استرپ، به راحتی می تونیم هشدارهایی مثل زیر ایجاد کنیم:

alert

هشدارها به وسیله ی کلاس alert. که به دنبال آن یکی از کلاس های زیر آمده است، ایجاد می شوند:

  1. alert-success.
  2. alert-info.
  3. alert-warning.
  4. alert-danger.

مثال (هشدارها در بوت استرپ)

<div class="alert alert-success">
  <strong>Success!</strong> یک عمل موفقیت آمیز یا مثبت را مشخص می کند
</div>

<div class="alert alert-info">
  <strong>Info!</strong> یک عمل یا اطلاعات آموزنده را مشخص می کند
</div>

<div class="alert alert-warning">
  <strong>Warning!</strong> یک اخطار قابل توجه را مشخص می کند
</div>

<div class="alert alert-danger">
  <strong>Danger!</strong> یک عمل خطرناک یا منفی را مشخص می کند
</div>

امتحان کنید»

روش بستن هشدارها ی بوت استرپ

Wiki

برای بستن پیام های هشدار می توانید عبارت "class="close و عبارت "data-dismiss="alert را به یک لینک یا دکمه اضافه کنید:

مثال (هشدارها در بوت استرپ)

<div class="alert alert-success">
  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  <strong>Success!</strong> یک عمل موفقیت آمیز یا مثبت را مشخص می کند
</div>

امتحان کنید»
Note

توضیح خصوصیت *-aria :

هنگام ایجاد یک دکمه ی close، برای بهتر کردن دسترسی کسانی که از صفحه خوان ها استفاده می کنند، باید خصوصیت "aria-label="close  را اضافه کنید.


هشدارهای انیمیشنی در بوت استرپ

Wiki

کلاس های fade. و in. به هنگام بسته شدن پیام هشدار، یک افکت محو شدگی را اضافه می کنند:

مثال (هشدارها در بوت استرپ)

<div class="alert alert-success fade in">

امتحان کنید »

با تمرین خودتان را محک بزنید!

تمرین 1 »  تمرین 2 »  تمرین 3 »


مرجع کامل هشدار های بوت استرپ

Wiki

برای مشاهده ی یک مرجع کامل از تمام گزینه ها، متدها و رویدادها ی هشدار، مرجع هشدارهای بوت استرپ را مشاهده نمایید.

آموزش صوتی Bootstrap

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی