کلاس های nav در بوت استرپ
تب ها و قرص ها(pills)
| کلاس | توضیحات | مثال |
|---|---|---|
| nav nav-tabs. |
تب های ناوبری را ایجاد می کند. |
Try it |
| nav nav-pills. |
قرص های(pills) ناوبری را ایجاد می کند. |
Try it |
| nav nav-pills nav-stacked. |
قرص های(pills) ناوبری عمودی را ایجاد می کند. |
Try it |
| nav-justified. |
در صفحه های نمایش پهن تر از 768px،عرض قرص ها یا تب های ناوبری را برابر با والد آنها می کند. در صفحه های نمایش کوچکتر، قرص ها یا تب های ناوبری دسته بندی می شوند. |
Try it |
| disabled. |
یک تب یا قرص غیر فعال(غیر قابل کلیک) را مشخص می کند. |
Try it |
|
تب های ناوبری به همراه منوهای کشویی |
Try it | |
|
قرص های ناوبری به همراه منوهای کشویی |
Try it | |
صفحه بندی و breadcrumb
| کلاس | توضیحات | مثال |
|---|---|---|
| breadcrumb. |
یک breadcrumb را ایجاد می کند. |
Try it |
| pager. |
لینک های صفحه بندی ساده را مشخص می کند(صفحه ی قبل یا بعد). |
Try it |
| previous. |
دکمه ی قبلی(previous) از کلاس pager. را به سمت چپ ترازبندی می کند. |
Try it |
| next. |
دکمه ی بعدی(next) از کلاس pager. را ترازبندی می کند. |
Try it |
| disabled. |
یک لینک غیرقابل کلیک را مشخص می کند. |
Try it |
| pagination. |
لینک های صفحه بندی را ارائه می دهد. |
Try it |
| pagination-lg. |
برای ارائه دادن لینک های صفحه بندی بزرگتر، از آن به همراه کلاس pagination. استفاده کنید. |
Try it |
| pagination-sm. |
برای ارائه دادن لینک های صفحه بندی کوچکتر، از آن به همراه کلاس pagination. استفاده کنید. |
Try it |
| disabled. |
یک لینک غیر قابل کلیک را مشخص می کند. |
Try it |
| active. |
صفحه ی جاری را مشخص می کند. |
Try it |
برچسب ها
| کلاس | توضیحات | مثال |
|---|---|---|
| label label-default. |
یک برچسب پیش فرض و خاکستری را مشخص می کند. |
Try it |
| label label-primary. |
یک برچسب آبی را از نوع "primary" مشخص می کند. |
Try it |
| label label-success. |
یک برچسب سبز را از نوع "success" مشخص می کند. |
Try it |
| label label-info. |
یک برچسب آبی کم رنگ را از نوع "info" مشخص می کند. |
Try it |
| label label-warning. |
یک برچسب زرد را از نوع "warning" مشخص می کند. |
Try it |
| label label-danger. |
یک برچسب قرمز را از نوع "danger" مشخص می کند. |
Try it |
| badge. |
آیتم های جدید یا خوانده نشده را مشخص می کند. |
Try it |
| jumbotron. |
یک جعبه ی بزرگ را برای ایجاد یک اطلاعات مهم و ویژه ایجاد می کند. |
Try it |
| (jumbotron (extra. |
برای اینکه اجازه دهیم تا جعبه ی jumbotron. بصورت تمام صفحه، گسترش یابد، و همچنین گوشه های آن نیز گرد نباشد، آن را بیرون از کلاس container. قرار دهید. |
Try it |
- نوشته شده توسط احسان عباسی
- بازدید: 15918
دیدگاه‌ها
لینک ها خراب است!
با سلام
لینک ها اصلاح شدند