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>