در مثال زیر ، ما یک مؤلفه کارت معمولی را می گیریم و آن را با متغیرهای متداول برای ایجاد "کارت بارگذاری" بازآفرینی می کنیم.اندازه و نسبت ها بین این دو یکسان است.

عنوان کارت

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

به جایی برو

فقط بخوانید

به طور پیش فرض ،placeholder کاربردهای currentColor. این می تواند با یک رنگ و یا کلاس ابزار سفارشی مورد توجه قرار گیرد.

شما می توانید تغییر دهید widthاز طریق کلاس های ستون شبکه ، آب و برق و یا سبک های درون خطی.

اندازه.placeholder مبتنی بر سبک تایپوگرافی عنصر والدین است.آنها را با اصلاح کننده های اندازه سفارشی کنید: .placeholder-lg, .placeholder-sm, یا .placeholder-xs.

با کلاس .placeholder و یک کلاس ستون شبکه ایجاد کنید (به عنوان مثال ، .col-6) برای تنظیم width. آنها می توانند متن را درون یک عنصر جایگزین کنند یا به عنوان یک کلاس اصلاح کننده به یک مؤلفه موجود اضافه شوند.

نگهدارنده مکان انیمیشنی با .placeholder-glow یا .placeholder-waveبرای بهتر کردن درک چیزی که دارد فعالانه بار میشود.