تصاویر و ایکون ها در بوت استرپ

تصاویر

تصاویر دارای سه کلاس هستند (شکل 2-47 را ببینید) که می توان از آنها برای اعمال برخی ساده استفاده کرد
styles: .img-rounded برای گرد کردن تصویر، شعاع حاشیه: 6 پیکسل را اضافه می کند
، .img-circle کل تصویر را با افزودن حاشیه-شعاع گرد می‌کند:
به انداره 500 پیکسل، و .img-polaroid کمی بالشتک و حاشیه خاکستری اضافه می کند

ایکون ها

بوت استرپ 140 آیکون را در یک sprite جمع می کند که می تواند با دکمه ها، پیوندها، ناوبری استفاده شود.
gation و فیلدهای فرم. آیکون ها توسط GLYPHICONS ارائه می شوند.
برای استفاده از icon ها، به سادگی از یک تگ <i> با کلاس .icon- class استفاده کنید. مثلا،
اگر می خواهید از icon ویرایش استفاده کنید، کلاس .icon-edit را به تگ <i> اضافه کنید.
اگر می خواهید از icon سفید استفاده کنید، به سادگی کلاس .icon-white را به تگ اضافه کنید.
با استفاده از group button همراه با iocn، می توانید عناصر رابط کاربری خوبی ایجاد کنید.
هنگامی که از نمادها در کنار یک رشته متن استفاده می کنید، مطمئن شوید که فضایی برای ارائه آن اضافه میکنید با تصویر تراز باشد.
کد ناوبری پوشش داده خواهد شد
بیشتر در فصل بعدی.

اجزای چیدمان بوت استرپ

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

dropdown menus

منوهای کشویی، منوهای متنی و قابل تغییر برای نمایش پیوندها در قالب فهرست هستند.
کشویی ها را می توان روی عناصر مختلف، ناوبری، دکمه ها و موارد دیگر استفاده کرد.
می‌توانید یک منوی کشویی داشته باشید یا آن را در منوی فرعی دیگری گسترش دهید.
کلاس pull-right را به dropdownMenus اضافه کنید تا منوی کشویی را به سمت راست تراز شود.
اگر می خواهید لایه دوم کشویی اضافه کنید، به سادگی میتوانید با
اضافه کردن .dropdown-submenu به هر <li> در منوی کشویی موجود برای خود ساب منو داشته باشید.

button groups

گروه‌های دکمه‌ای اجازه می‌دهند چندین دکمه در کنار هم چیده شوند.
این زمانی مفید است که می خواهید مواردی مانند دکمه های تراز را در کنار هم قرار دهید. برای ایجاد یک دکمه گروه، به سادگی یک سری از دکمه ها را در یک <div> که دارای کلاس .btn-group قرار دهید.
اگر چندین گروه دکمه دارید که می خواهید آنها را روی یک خط قرار دهید
چندین کلاس btn-group را با btn-toolbar به div بدهید.

برای چیدن دکمه ها به صورت عمودی ، btn-group-vertical. را به کلاس btngroup. اضافه کنید.
برای اینکه چک باکس ها به عنوان دکمه های رادیویی عمل کنند، جایی که فقط می توان یک گزینه را انتخاب کرد یا یا چک باکس ها، که در آن چندین گزینه را می توان انتخاب کرد، شما به سادگی نیاز دارید
مقداری نشانه گذاری اضافی اضافه کنید و سپس جاوا اسکریپت بوت استرپ بقیه را ارائه خواهد کرد. این اراده به تفصیل پوشش داده شود