<a href="#" class="btn btn-primary" role="button">لینک</a>
<button class="btn btn-primary">دکمه</button>
<input type="button" class="btn btn-primary" value="ورودی" />
<input type="submit" class="btn btn-primary" value="ارسال" />
<input type="reset" class="btn btn-primary" value="ریست" />

<a href="#" class="btn btn-primary">اصلی</a>
<a href="#" class="btn btn-secondary">ثانوی</a>
<a href="#" class="btn btn-success">موفقیت</a>
<a href="#" class="btn btn-info">اطلاعات</a>
<a href="#" class="btn btn-warning">هشدار</a>
<a href="#" class="btn btn-danger">خطر</a>
<a href="#" class="btn btn-link">لینک</a>

<a href="#" class="btn btn-primary disabled">اصلی</a>
<a href="#" class="btn btn-secondary disabled">ثانوی</a>
<a href="#" class="btn btn-success disabled">موفقیت</a>
<a href="#" class="btn btn-info disabled">اطلاعات</a>
<a href="#" class="btn btn-warning disabled">هشدار</a>
<a href="#" class="btn btn-danger disabled">خطر</a>

<a href="#" class="btn btn-blue">آبی</a>
<a href="#" class="btn text-white bg-azure">آژر</a>
<a href="#" class="btn text-white bg-indigo">ایندیگو</a>
<a href="#" class="btn text-white bg-purple">بنفش</a>
<a href="#" class="btn text-white bg-pink">صورتی</a>
<a href="#" class="btn text-white bg-red">قرمز</a>
<a href="#" class="btn text-white bg-orange">نارنجی</a>
<a href="#" class="btn text-white bg-yellow">زرد</a>
<a href="#" class="btn text-white bg-lime">لیمویی</a>
<a href="#" class="btn text-white bg-green">سبز</a>
<a href="#" class="btn text-white bg-teal">سبزآبی</a>

<a href="#" class="btn btn-square btn-primary">اصلی</a>
<a href="#" class="btn btn-square btn-secondary">ثانوی</a>
<a href="#" class="btn btn-square btn-success">موفقیت</a>
<a href="#" class="btn btn-square btn-info">اطلاعات</a>
<a href="#" class="btn btn-square btn-warning">هشدار</a>
<a href="#" class="btn btn-square btn-danger">خطر</a>

<a href="#" class="btn btn-pill btn-primary">اصلی</a>
<a href="#" class="btn btn-pill btn-secondary">ثانوی</a>
<a href="#" class="btn btn-pill btn-success">موفقیت</a>
<a href="#" class="btn btn-pill btn-info">اطلاعات</a>
<a href="#" class="btn btn-pill btn-warning">هشدار</a>
<a href="#" class="btn btn-pill btn-danger">خطر</a>

<a href="#" class="btn btn-outline-primary">اصلی</a>
<a href="#" class="btn btn-outline-secondary">ثانوی</a>
<a href="#" class="btn btn-outline-success">موفقیت</a>
<a href="#" class="btn btn-outline-info">اطلاعات</a>
<a href="#" class="btn btn-outline-warning">هشدار</a>
<a href="#" class="btn btn-outline-danger">خطر</a>

<button type="button" class="btn btn-primary btn-lg">دکمه بزرگ</button>
<button type="button" class="btn btn-secondary btn-lg">دکمه بزرگ</button>

<button type="button" class="btn btn-primary btn-sm">دکمه کوچک</button>
<button type="button" class="btn btn-secondary btn-sm">دکمه کوچک</button>

<button type="button" class="btn btn-primary btn-block">Block level button</button>
<button type="button" class="btn btn-secondary btn-block">Block level button</button>

<button type="button" class="btn btn-dark"><i class="le le-upload ml-2"></i>اپلود</button>
<button type="button" class="btn btn-warning"><i class="le le-heart ml-2"></i>پسندیدم</button>
<button type="button" class="btn btn-success"><i class="le le-check ml-2"></i>موافقم</button>
<button type="button" class="btn btn-outline-primary"><i class="le le-plus ml-2"></i>بیشتر</button>
<button type="button" class="btn btn-danger"><i class="le le-link ml-2"></i>لینک</button>
<button type="button" class="btn btn-info"><i class="le le-message-circle ml-2"></i>نظرات</button>

<button type="button" class="btn btn-facebook"><i class="la la-facebook ml-2"></i>فیسبوک</button>
<button type="button" class="btn btn-twitter"><i class="la la-twitter ml-2"></i>توییتر</button>
<button type="button" class="btn btn-google"><i class="la la-google ml-2"></i>گوگل</button>
<button type="button" class="btn btn-youtube"><i class="la la-youtube ml-2"></i>یوتوپ</button>
<button type="button" class="btn btn-vimeo"><i class="la la-vimeo ml-2"></i>ویمو</button>
<button type="button" class="btn btn-dribbble"><i class="la la-dribbble ml-2"></i>دریبل</button>
<button type="button" class="btn btn-github"><i class="la la-github ml-2"></i>گیتهاب</button>
<button type="button" class="btn btn-instagram"><i class="la la-instagram ml-2"></i>اینستاگرام</button>
<button type="button" class="btn btn-pinterest"><i class="la la-pinterest ml-2"></i>پینترست</button>
<button type="button" class="btn btn-vk"><i class="la la-vk ml-2"></i>ونکوتیک</button>
<button type="button" class="btn btn-rss"><i class="la la-rss ml-2"></i>ار اس اس</button>
<button type="button" class="btn btn-flickr"><i class="la la-flickr ml-2"></i>فلیکر</button>
<button type="button" class="btn btn-bitbucket"><i class="la la-bitbucket ml-2"></i>بیتباکت</button>

<button type="button" class="btn btn-icon btn-facebook"><i class="la la-facebook"></i></button>
<button type="button" class="btn btn-icon btn-twitter"><i class="la la-twitter"></i></button>
<button type="button" class="btn btn-icon btn-google"><i class="la la-google"></i></button>
<button type="button" class="btn btn-icon btn-youtube"><i class="la la-youtube"></i></button>
<button type="button" class="btn btn-icon btn-vimeo"><i class="la la-vimeo"></i></button>
<button type="button" class="btn btn-icon btn-dribbble"><i class="la la-dribbble"></i></button>
<button type="button" class="btn btn-icon btn-github"><i class="la la-github"></i></button>
<button type="button" class="btn btn-icon btn-instagram"><i class="la la-instagram"></i></button>
<button type="button" class="btn btn-icon btn-pinterest"><i class="la la-pinterest"></i></button>
<button type="button" class="btn btn-icon btn-vk"><i class="la la-vk"></i></button>
<button type="button" class="btn btn-icon btn-rss"><i class="la la-rss"></i></button>
<button type="button" class="btn btn-icon btn-flickr"><i class="la la-flickr"></i></button>
<button type="button" class="btn btn-icon btn-bitbucket"><i class="la la-bitbucket"></i></button>

<button type="button" class="btn btn-icon btn-primary"><i class="ri-lightbulb-line"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-github"><i class="ri-github-line"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-success"><i class="ri-download-line"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-warning"><i class="ri-alert-line"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-danger"><i class="ri-delete-bin-7-line"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-purple"><i class="ri-pie-chart-line"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-secondary"><i class="ri-share-line"></i></button>

<div class="منو کشویی">
    <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="منو کشویی">
        <i class="le le-calendar"></i>
    </button>
<div class="dropdown-menu">
    <a class="dropdown-item" href="#">لینک منو کشویی</a>
    <a class="dropdown-item" href="#">لینک منو کشویی</a>
</div>
</div>
<div class="منو کشویی">
    <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="منو کشویی">
        <i class="le le-calendar ml-2"></i>نمایش تقویم
    </button>
    <div class="dropdown-menu">
    <a class="dropdown-item" href="#">لینک منو کشویی</a>
    <a class="dropdown-item" href="#">لینک منو کشویی</a>
    </div>
</div>
<div class="منو کشویی">
    <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="منو کشویی">
            نمایش تقویم
    </button>
    <div class="dropdown-menu">
    <a class="dropdown-item" href="#">لینک منو کشویی</a>
    <a class="dropdown-item" href="#">لینک منو کشویی</a>
    </div>
</div>

    
<div class="btn-list">
    <a href="#" class="btn btn-success">ذخیره تغییرات</a>
    <a href="#" class="btn btn-secondary">ذخیره تغییرات و ادامه</a>
    <a href="#" class="btn btn-danger">لغو</a>
</div>

<div class="btn-list">
    <a href="#" class="btn btn-secondary">یک</a>
    <a href="#" class="btn btn-secondary">دو</a>
    <a href="#" class="btn btn-secondary">سه</a>
    <a href="#" class="btn btn-secondary">چهار</a>
    <a href="#" class="btn btn-secondary">پنج</a>
    <a href="#" class="btn btn-secondary">شش</a>
    <a href="#" class="btn btn-secondary">هفت</a>
    <a href="#" class="btn btn-secondary">هشت</a>
    <a href="#" class="btn btn-secondary">نه</a>
    <a href="#" class="btn btn-secondary">ده</a>
    <a href="#" class="btn btn-secondary">یازده</a>
    <a href="#" class="btn btn-secondary">دوازده</a>
    <a href="#" class="btn btn-secondary">سیزده</a>
    <a href="#" class="btn btn-secondary">چهارده</a>
    <a href="#" class="btn btn-secondary">پانزده</a>
    <a href="#" class="btn btn-secondary">شانزده</a>
    <a href="#" class="btn btn-secondary">هفده</a>
    <a href="#" class="btn btn-secondary">هجده</a>
    <a href="#" class="btn btn-secondary">نوزده</a>
</div>

<div class="btn-list text-center">
    <a href="#" class="btn btn-primary">ذخیره تغییرات</a>
    <a href="#" class="btn btn-secondary">ذخیره تغییرات و ادامه</a>
</div>

    
<div class="btn-list text-right">
    <a href="#" class="btn btn-primary">ذخیره تغییرات</a>
    <a href="#" class="btn btn-secondary">ذخیره تغییرات و ادامه</a>
</div>