هشدارها

پیام های بازخورد متنی را برای اقدامات معمول کاربر با تعداد انگشت شماری از پیام های هشدار در دسترس و انعطاف پذیر ارائه دهید.

هشدار در بوت استرپ
هشدار با نماد
<div class="alert alert-success border-2 d-flex align-items-center" role="alert">
  <div class="bg-success me-3 icon-item"><span class="fas fa-check-circle text-white fs-3"></span></div>
  <p class="mb-0 flex-1">A simple success alert—check it out!</p><button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-info border-2 d-flex align-items-center" role="alert">
  <div class="bg-info me-3 icon-item"><span class="fas fa-info-circle text-white fs-3"></span></div>
  <p class="mb-0 flex-1">A simple info alert—check it out!</p><button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-warning border-2 d-flex align-items-center" role="alert">
  <div class="bg-warning me-3 icon-item"><span class="fas fa-exclamation-circle text-white fs-3"></span></div>
  <p class="mb-0 flex-1">A simple warning alert—check it out!</p><button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-danger border-2 d-flex align-items-center" role="alert">
  <div class="bg-danger me-3 icon-item"><span class="fas fa-times-circle text-white fs-3"></span></div>
  <p class="mb-0 flex-1">A simple danger alert—check it out!</p><button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
مثال های اساسی

هشدارها برای هر طول متن و همچنین یک دکمه بسته اختیاری در دسترس هستند. برای استایل مناسب، از یکی از هشت کلاس متنی مورد نیاز .alert-success (به عنوان مثال، استفاده کنید). برای اخراج درون خطی، از افزونه alerts JavaScript استفاده کنید

<div class="alert alert-primary" role="alert">A simple primary alert—check it out!</div>
<div class="alert alert-secondary" role="alert">A simple secondary alert—check it out!</div>
<div class="alert alert-success" role="alert">A simple success alert—check it out!</div>
<div class="alert alert-danger" role="alert">A simple danger alert—check it out!</div>
<div class="alert alert-warning" role="alert">A simple warning alert—check it out!</div>
<div class="alert alert-info" role="alert">A simple info alert—check it out!</div>
<div class="alert alert-light" role="alert">A simple light alert—check it out!</div>
<div class="alert alert-dark" role="alert">A simple dark alert—check it out!</div>
مطالب اضافی
<div class="alert alert-success" role="alert">
  <h4 class="alert-heading fw-semi-bold">Well done!</h4>
  <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
  <hr />
  <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
</div>
رد کردن
<div class="alert alert-warning alert-dismissible fade show" role="alert">
  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
  <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
</div>

ممنون که با فالکون خلق کردید

نسخه 3.4.0

تنظیمات

سبک سفارشی خود را تنظیم کنید

طرح رنگ بندی

حالت رنگ مناسب را برای برنامه خود انتخاب کنید.


RTL حالت

جهت زبان خود را تغییر دهید

RTL راهنما

چیدمان سیال

سیستم چیدمان کانتینر را تغییر دهید

راهنما سیال

موقعیت ناوبری

یک سیستم ناوبری مناسب برای برنامه وب خود انتخاب کنید


سبک نوار ناوبری عمودی

برای نوار ناوبری عمودی خود بین سبک ها جابه جا شوید

دیدن راهنما

چیزی که میبینی را دوست داری؟

برای خرید قالب فالکون از راستچین اقدام کنید.

خرید
شخصی سازی