سبد خرید (0)

کلاس های 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

دیدگاه‌ها  

+3 # مهدی ربانی 1394-02-07 12:40
لینک ها خراب است!
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1394-02-10 21:29
با سلام
لینک ها اصلاح شدند
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی Bootstrap

بستن
مدرس:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!