دکمه ها
مستندات و مثال هایی از سبک های دکمه برای عملکردها در فرم ها، مودال ها و موارد دیگر با پشتیبانی از اندازه ها، وضعیت ها و موارد دیگر.
مثال های گوناگون
بوت استرپ شامل چندین سبک دکمه از پیش تعریف شده است، که هر کدام هدف معنایی خود را انجام می دهند، و برای کنترل بیشتر، چند مورد اضافی به کار رفته است.
مثال کد
<a href="#" class="btn btn-primary">اولیه</a>
مثال کد
<a href="#" class="btn btn-dim btn-primary">اولیه</a>
مثال کد
<a href="#" class="btn btn-outline-primary">اولیه</a>
مثال کد
<a href="#" class="btn btn-dim btn-outline-primary">اولیه</a>
مثال کد
<a href="#" class="btn btn-xl btn-primary">دکمه بزرگ</a>
مثال کد
<a href="#" class="btn btn-xl btn-primary">دکمه بزرگ</a>
- آیکون راست دکمه آیکون راست
- آیکون چپ دکمه آیکون چپ
- دکمه اقدام
مثال کد
<a href="#" class="btn btn-round btn-lg btn-primary">دکمه بزرگ</a> <a href="#" class="btn btn-round btn-primary">دکمه عادی</a> <a href="#" class="btn btn-round btn-primary"><em class="icon ni ni-setting"></em><span>دکمه عادی</span> </a> <a href="#" class="btn btn-round btn-primary"><span>دکمه عادی</span><em class="icon ni ni-chevron-down"></em></a> <a href="#" class="btn btn-round btn-primary btn-action"><span>دکمه عادی</span><em class="icon ni ni-chevron-down"></em></a> <a href="#" class="btn btn-round btn-sm btn-primary">دکمه کوچک</a>
- آیکون راست دکمه آیکون راست
- آیکون چپ دکمه آیکون چپ
- دکمه اقدام
- آیکون سمت چپ دکمه اقدام
مثال کد
<a href="#" class="btn btn-primary"><em class="icon ni ni-setting"></em><span>دکمه عادی</span> </a> <a href="#" class="btn btn-primary"><span>دکمه عادی</span><em class="icon ni ni-chevron-down"></em></a> <a href="#" class="btn btn-primary btn-action"><span>دکمه عادی</span><em class="icon ni ni-chevron-down"></em></a>
مثال کد
<a href="#" class="btn btn-icon btn-lg btn-primary"><em class="icon ni ni-play"></em></a>
