Bottom Bar

ویژگی نوار پایین فالکون برای نشان دادن هر جزء در پایین پنجره نمایش استفاده می شود. همچنین می‌توانید نوار پایینی را با هدف قرار دادن یک مؤلفه در زمانی که در خارج از پنجره نمایش اسکرول می‌شود، فعال کنید.

ساختار
ساده

.bottom-bar وظیفه نشان دادن نوار در پایین نمای پورت را بر عهده دارد. شما می توانید نقطه شکست دید را به سادگی با استفاده از کلاس های ابزارهای نمایشگر کنترل کنید . صفحه نمایش

<div class="card bottom-bar d-lg-none">
<div class="card-body">

<!-- Your content here-->
</div>
</div>
Triggered

نوارهای پایین را می توان بر اساس نمایان بودن عنصر هدف در نمای دید فعال کرد. تمام آنچه شما نیاز دارید برای عبور برخی از گزینه ها از طریق ویژگی data-bottom-bar . قابل تنظیم است.

<div class="card bottom-bar d-lg-none" data-bottom-bar='{"target":"target-element-id","breakPoint":"lg","offsetTop":60}'>
<div class="card-body">

<!-- Your content here  -->
</div>
</div>
تنظیمات
data-bottom-bar object
مثال
data-bottom-bar={ "target": "target-element-id", "breakPoint": "lg", "offsetTop": 60 }
ویژگی نوع مقادیر پیشفرض توضیحات
target رشته‌ای - منحصر به فرد ID عنصر هدف را ارائه دهید. هنگامی که عنصر هدف در خارج از پنجره نمایش اسکرول شود، نوار پایین قابل مشاهده خواهد بود.
breakPoint رشته‌ای 'lg' sm,md,lg,xl,xxl (lg یعنی 992 و شما میتونید خودتون سفارشی سازی انجام دهید)
offsetTop عددی 0 چند فاصله از بالا دید بگذارید تا نوار پایین زودتر فعال شود.

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

نسخه 3.18.0

تنظیمات

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

طرح رنگ بندی

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


RTL حالت

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

RTL راهنما

چیدمان سیال

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

راهنما سیال

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

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


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

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

دیدن راهنما

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

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

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