برای رنگ آمیزی پیوندها می توانید از کلاس های .link-* استفاده کنید. این کلاس ها حالت :hover و :focus دارند.
نحوه انتخاب محتوا را در هنگام تعامل کاربر با آن تغییر دهید.
این پاراگراف با کلیک کاربر به طور کامل انتخاب می شود.
این پاراگراف دارای رفتار انتخاب پیش فرض است.
این پاراگراف با کلیک کاربر قابل انتخاب نخواهد بود.
ارتفاع خط را با .lh-* ابزار ها.
متاسفانه ازت متنفرم فردا صبح پوره پاننکوک برای پخت آماده خواهد شد.
متاسفانه ازت متنفرم فردا صبح پوره پاننکوک برای پخت آماده خواهد شد.
متاسفانه ازت متنفرم فردا صبح پوره پاننکوک برای پخت آماده خواهد شد.
متاسفانه ازت متنفرم فردا صبح پوره پاننکوک برای پخت آماده خواهد شد.
برای جلوگیری یا اضافه کردن تعاملات با عناصر ارائه می‌کند.
می توان روی این پیوند کلیک کرد (این رفتار پیش فرض است).
روی این پیوند نمی توان کلیک کرد زیرا ویژگی از والد آن به ارث رسیده است. با این حال، این پیوند دارای کلاس pe-auto است و می توان روی آن کلیک کرد.
با ابزارهای موقعیت یابی لبه، عناصر را به راحتی مرتب کنید، فرمت آن است {property}-{position}.
علاوه بر این، می توانید عناصر را با کلاس transform utility مرکز کنید.translate-middle.
در اینجا چند نمونه واقعی از این کلاس ها آورده شده است.
می توانید از این کلاس ها با اجزای موجود برای ایجاد کلاس های جدید استفاده کنید. به یاد داشته باشید که می توانید عملکرد آن را با افزودن ورودی به آن گسترش دهید$position-values متغیر
