سید محمد میرعالی
امیدوارم مطالب خوب و کاربردی رو بتونم در سایتم برای شما دوستان قرار بدم.
آموزش کار با Progress Bar در Bootstrap 4
در اين مطلب از سايت ميرممد با Progress Bar در بوتسترپ نسخه چهار كار خواهيم كرد.كلاس Progress Bar براي نمايش مقدار باقيمانده از يك فرايند استفاده ميشه.نمونه كد Progress Bar در بوتسترپ :
<div class="progress">
<div class="progress-bar" style="width:70%">70%</div>
</div>
خروجي كد بالا :
براي تغيير اندازه درصد پيشرفت بايد مقدار width:70% را تغيير دهيم و براي تغيير متن درون Progress Bar بايد 70% را تغيير دهيم.Progress Bar داراي رنگ بندي هاي بوتسترپي نيز هست كه در ادامه توضيح ميدم.
آموزش كار با رنگ ها در Bootstrap 4
در اين مطلب از سايت ميرممد قصد دارم شما را با كلاس رنگ ها در Bootstrap 4 آشنا كنم.در نسخه ي چهارم بوتسترپ چندين رنگ به رنگ هاي نسخه سوم اضافه شده كه سعي ميكنم تمامي آنها را با مثال همراه با تكه كد براي شما دوستان قرار بدم.
رنگ هاي موجود در بوتسترپ 4 شامل رنگ ها در عكس زير ميباشد :
كلاس هاي رنگ متن در بوتسترپ چهار شامل موارد زير هستند :
.text-muted .text-primary .text-success .text-info .text-warning .text-danger .text-secondary .text-white .text-dark .text-light
كه كلاس رنگ text-body رنگ انتخاب شده ي پيش فرض در بوتسترپ چهار ميباشد.