رنگ ها

  1. بوت استرپ
  2. رنگ ها

رنگ های متنی

#6c5ffc

اولیه

.bg-primary

#1170e4

اطلاعات

.bg-info

#05c3fb

ثانویه

.bg-secondary

#f7b731

هشدار

.bg-warning

#e82646

خطر

.bg-danger

#09ad95

موفقیت

.bg-success

رنگ های شفاف

rgba(108, 95, 252, 0.1)

اولیه

.bg-primary-transparent

rgba(5, 195, 251, 0.1)

ثانویه

.bg-secondary-transparent

rgba(0, 230, 130, 0.1)

موفقیت

.bg-success-transparent

rgba(255, 162, 43, 0.1)

هشدار

.bg-warning-transparent

rgba(255, 56, 43, 0.1)

خظر

.bg-danger-transparent

#09ad95

اطلاعات

.bg-info-transparent

رنگ های گرادیانت

.bg-primary-gradient

Primary

.bg-secondary-gradient

ثانویه

.bg-success-gradient

موفقیت

.bg-warning-gradient

هشدار

.bg-danger-gradient

خظر

.bg-info-gradient

اطلاعات

مرجع کلاس ها مقادیر
class="bg-primary-gradient" linear-gradient(to bottom right, #6c5ffc 0%, #8e77fa 100%)
class="bg-secondary-gradient" linear-gradient(to bottom right, #82cff2 0%, #28b7f9 100%)
class="bg-success-gradient" linear-gradient(to bottom right, #1ea38f 0%, #5cf9e2 100%)
class="bg-warning-gradient" linear-gradient(to bottom right, #f66b4e 0%, #fbc434 100%)
class="bg-danger-gradient" linear-gradient(to bottom right, #b51b35 0%, #fd4a68 100%)
class="bg-info-gradient" linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%)

دیگر رنگ ها

#3223f1

آبی

.bg-blue

#1caf9f

گل سبزی

.bg-teal

#45aaf2

لاجورد

.bg-azure

#fc7303

نارنجی

.bg-orange

#007ea7

فیروزه

.bg-cyan

#FBB034

زرد

.bg-yellow

#5a6970

خاکستری

.bg-gray

#8927ec

بنفش

.bg-purple

#7bd235

آهک

.bg-lime

#343a40

خاکستری مایل به تیره

.bg-gray-dark

#4ecc48

سبز

.bg-green

#fc5296

صورتی

.bg-pink

#05c3fb

ثانویه

bg-secondary

#e73827

قرمز

.bg-red

#6574cd

نیل

.bg-indigo