یکسری از کلاس های کاربردی Bootstrap
BreadCrumbs
Breadcrumbs یک راه عالی برای نشان دادن اطلاعات مبتنی بر سلسله مراتب برای یک سایت است. در مورد وبلاگ ها، breadcrumb می تواند تاریخ انتشار، cat‐
egoriesرا نشان دهد.
عبارات یا برچسب ها یک breadcrumb در بوت استرپ به سادگی یک لیست نامرتب با یک کلاس است
از .breadCrumbs. همچنین یک کلاس کمکی از .divider وجود دارد که رنگ ها و
متن را کمی کوچکتر می کند. شما میتوانید انتخاب می کنید از اسلش های رو به جلو، فلش ها یا هر تقسیم بندی دیگری استفاده کنید
توجه داشته باشید که تقسیم کننده در breadcrumb دارای نشانه گذاری کمی متفاوت است
از نمونه نوار ناوبری.
Pagination
بوت استرپ صفحه بندی را مانند بسیاری از عناصر رابط دیگر مدیریت می کند، یک لیست نامرتب،
با wrapper یک <div> که کلاس خاصی دارد که عنصر را مشخص می کند. در پایه
با افزودن .pagination به والد <div> یک ردیف از پیوندهای حاشیه ای ایجاد می کند. هر کدام از
آیتم های لیست را می توان با استفاده از کلاس .disabled یا .active استایل دهی کرد.
علاوه بر کلاس های .active و .disabled برای آیتم های لیست، می توانید
.pagination-centered را به والد <div> اضافه کنید. این محتویات را در مرکز قرار می دهد
<div>. اگر میخواهید موارد در <div> راست چین شوند، .pagination-right را اضافه کنید. برای
سایز بندی، علاوه بر سایز معمولی، سه سایز دیگر نیز وجود دارد که می توان از آنها استفاده کرد
افزودن یک کلاس به wrapper <div>: .pagination-large, .pagination-small,
و .pagination-mini
Pager
اگر نیاز به ایجاد پیوندهای صفحه بندی ساده دارید که فراتر از متن هستند، پیجر می تواند کار کند
کاملا خوب مانند پیوندهای صفحه بندی، نشانه گذاری یک لیست نامرتب است که از بین می رود
بسته بندی <div>. به طور پیش فرض، لینک ها در مرکز قرار دارند.
برای تراز کردن پیوندها به چپ یا راست، فقط باید کلاس .previous و .next را به عنوان اضافه کنید.
به موارد فهرست . همچنین، مانند صفحه بندی ، می توانید اضافه کنید
کلاس .disabled برای ظاهری خاموش.
Label ها
برچسب ها برای ارائه تعداد، نکات یا نشانه گذاری های دیگر برای صفحات عالی هستند. آنها یکی دیگر از
لمس های کوچک بوت استرپ مورد محبوب اند.
Badges
نشان ها شبیه برچسب ها هستند. تفاوت اصلی این است که گوشه ها گردتر هستند.
رنگهای نشانها همان طبقات برچسبها را منعکس میکنند.
Typographic Elements
علاوه بر دکمهها، برچسبها، فرمها، جداول و برگهها، Bootstrap چند عنصر دیگر نیز دارد.
برای صفحه آرایی اولیه.
Hero Unit یک منطقه محتوای بزرگ است که اندازه سرفصل ها را افزایش می دهد و چیزهای زیادی اضافه می کند
حاشیه برای محتوای صفحه فرود. برای استفاده از Hero Unit، به سادگی ایجاد کنید
یک ظرف <div> با کلاس .hero-unit. علاوه بر <h1> بزرگتر، وزن قلم به 200 کاهش می یابد.
هدر صفحه یک ویژگی کوچک خوب برای افزودن فاصله مناسب است
اطراف سرفصل های یک صفحه این به ویژه در صفحه آرشیو وبلاگ که در آن قرار دارد مفید است
ممکن است چندین عنوان پست داشته باشید و به راهی برای ایجاد تمایز به هر یک از آنها نیاز داشته باشید. که میتوانید
از هدر صفحه استفاده کنید، عنوان خود را در یک <div> با یک کلاس .page-header قرار دهید.
قوانین ارسال دیدگاه در سایت