BS5 Colors
رنگها (Colors) 🎨
بوتاسترپ مجموعهای از رنگهای معنایی (Semantic Colors) را ارائه میدهد که در سراسر سایت کاربرد دارند.
- primary (آبی): اصلی
- success (سبز): موفقیت
- danger (قرمز): خطا
- warning (زرد): هشدار
- info (فیروزهای): اطلاعات
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
تمرین کنید: بوتاسترپ ابزاری است که با استفاده مداوم در ذهن مینشیند. سعی کنید کامپوننتها را ترکیب کنید و طرحهای خلاقانه بسازید.
<hr style="margin: 50px 0; border: 0; border-top: 1px dashed rgba(111, 66, 193, 0.3);">نکته حرفهای: تفکر واکنشگرا (Responsive Mindset) 📱💻
بوتاسترپ فقط مجموعهای از کلاسها نیست؛ یک فلسفه طراحی است ("Mobile-First"). در دنیای مدرن وب، شما سایت را برای موبایل میسازید و سپس آن را برای صفحات بزرگتر گسترش میدهید.
تمرینهای عملی
برای تثبیت یادگیری این درس تمرینهای زیر را حل کنید
متن 'Success' را با رنگ سبز (success) و متن 'Error' را با رنگ قرمز (danger) نمایش دهید.
<body>
<p class="text-success">Success</p>
<p class="text-danger">Error</p>
</body>آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و میتوانید به درس بعدی بروید.