میرممد

آموزش برنامه نویسی همراه با تکه کد های کاربردی از زبان های مختلف برنامه نویسی
سید محمد میرعالی

سید محمد میرعالی

امیدوارم مطالب خوب و کاربردی رو بتونم در سایتم برای شما دوستان قرار بدم.

دسته بندی مطالب آمار سایت
  • کل مطالب : 13
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • آی پی امروز : 15
  • آی پی دیروز : 11
  • بازدید امروز : 115
  • باردید دیروز : 17
  • گوگل امروز : 1
  • گوگل دیروز : 0
  • بازدید هفته : 227
  • بازدید ماه : 430
  • بازدید سال : 22,939
  • بازدید کلی : 22,939
  • آموزش کار با Alerts در Bootstrap 4


    در اين مطلب از سايت ميرممد با Alerts در بوتسترپ نسخه چهار كار خواهيم كرد.كلاس Alerts وقتي به يك div داده ميشه ، یک پیغام زیبا به کاربر نشون داده میشه.تکه کد استفاده از Alerts در بوتسترپ چهار :

    <div class="alert alert-success">
      به سایت میر ممد خوش آمدید
    </div>

    خروجی کد بالا :

    به سایت میر ممد خوش آمدید

    یک سری رنگ بندی هایی هم برای Alerts در بوتسترپ هم وجود داره که با مثال توضیح میدم :

    <div class="alert alert-success">
    به سایت میر ممد خوش آمدید
      </div>


      <div class="alert alert-info">
    به سایت میر ممد خوش آمدید
      </div>


      <div class="alert alert-warning">
    به سایت میر ممد خوش آمدید
      </div>


      <div class="alert alert-danger">
    به سایت میر ممد خوش آمدید
      </div>


      <div class="alert alert-primary">
    به سایت میر ممد خوش آمدید
      </div>


      <div class="alert alert-secondary">
    به سایت میر ممد خوش آمدید
      </div>


      <div class="alert alert-dark">
    به سایت میر ممد خوش آمدید
      </div>


      <div class="alert alert-light">
    به سایت میر ممد خوش آمدید
      </div>

    خروجی کد بالا به ترتیب :

    به سایت میر ممد خوش آمدید
    به سایت میر ممد خوش آمدید
    به سایت میر ممد خوش آمدید
    به سایت میر ممد خوش آمدید
    به سایت میر ممد خوش آمدید
    به سایت میر ممد خوش آمدید
    به سایت میر ممد خوش آمدید
    به سایت میر ممد خوش آمدید

    alert در بوتسترپ همراه با دکمه بستن :

    <div class="alert alert-success alert-dismissible">
      <button type="button" class="close" data-dismiss="alert">&times;</button>
      به سایت میر ممد خوش آمدید
    </div>

    همونطور که میبینید فقط کافیه کلاس  alert-dismissible رو به آلرتمون اضافه کنیم و یک دکمه با دو اتریبیوت

    class="close" data-dismiss="alert"

    را به الرت اضافه کنیم.خروجی کد بالا :

    به سایت میر ممد خوش آمدید

    اگر سوالي داشتيد ميتونيد از بخش نظرات كه پايين هستش سوالتونو بپرسيد

    ممنون بابت وقتي كه براي خوندن مطلب گذاشتيد.



    پيشنهاد ميكنم از مطالب زير نيز استفاده كنيد :

    آموزش DocType در HTML 5

    صفحه بندی در Bootstrap 4

    آموزش کار با Progress Bar در Bootstrap 4

    آموزش کار با Badge در Bootstrap 4

    آموزش کار با Button در Bootstrap 4

    آموزش کار با Jumbotron در Bootstrap 4

    آموزش کار با جداول در Bootstrap 4

    آموزش استفاده از Tooltip در Bootstrap 4

    آموزش استفاده از تگ video در HTML5

    آموزش كار با تصاوير در Bootstrap 4

    بازدید : 571 دوشنبه 23 مهر 1397 : 21:53 نظرات ()
    ارسال نظر برای این مطلب

    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتیرفرش کد امنیتی