آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه ششم

آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه ششم

سلام دوستان عزیز، توی این مطلب درخدمتتون هستیم با آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه ششم که از وب سایت آموزش برنامه نویسی سورس باران مشاهده می نمایید. همونطور که گفته شده این دوره بصورت متنی می باشد و از منابع خارجی ترجمه شده . شروع دوره در ادامه مطلب…

 

 

آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه ششم :

دکمه های بوت استرپ :

بوت استرپ به شما این امکان را میدهد تا تعدادی دکمه را با هم گروه بندی (در یک خط) کنید :

Capture

برای ساخت دکمه ها در یک خط  از عنصر <div> به همراه کلاس btn-group استفاده کنید.

نکته : به جای اینکه اندازه هر دکمه را در یک گروه به صورت مجزا تعین کنید با استفاده از کلاس  btn-group-* همه دکمه را به صورت همزمان اندازه بندی کنید.

لینک دمو

دکمه های عمودی در بوت استرپ :

بوت استرپ از گروه دکمه های عمودی نیز پشتیبانی میکند :

2

برای ساخت این گروه دکمه های عمودی از کلاس btn-group-vertical استفاده می کنید.

 

دکمه های تراز شده در بوت استرپ (Justified button groups) :

برای گسترش عرض کل صفحه از کلاس btn-group-justified استفاده می کنیم.

یک مثال با عنصر <a> :

نکته : برای عنصر <button> باید هر دکمه را در یک کلاس btn-group قرار دهید.

3

دکمه های تو در توو منوهای کشویی در بوت استرپ :

جهت استفاده از گروه دکمه های تو در تو برای ساختن منو های کشویی از کد زیر استفاده می کنیم :

4دمو

و دکمه با منو کشویی جدا :

5