Clean UI Admin Template Modular

Utilities Official Documentation

Attention! This is only a part of all Bootstrap Utilites. Follow next links to get information about all of them:

Borders Clearfix Close icon Colors Flexbox Display Property Image Replacement Invisible Content Position Responsive Helpers Screenreaders Sizing Spacing Typography Vertical Alignment

Color Utilities

Class	Description
`.text-default`	Set Default color to element
`.text-black`	Set Black color to element
`.text-primary`	Set Primary color to element
`.text-secondary`	Set Secondary color to element
`.text-success`	Set Success color to element
`.text-info`	Set Info color to element
`.text-warning`	Set Warning color to element
`.text-danger`	Set Danger color to element

Display Property

Class	Description
`.d-inline`	Forces the element to behave like an inline element
`.d-inline-block`	Forces the element to behave like an inline-block element
`.d-block`	Forces the element to behave like a block element

Underlined Links

Class	Description
`.cat__core__link--underlined`	Underlined Link
`.cat__core__link--blue`	Blue Link
`.cat__core__link--underlined.cat__core__link--blue`	Underlined and Blue Link

Font Weight & Style

Class	Description
`.font-weight-normal`	Normal text
`.font-weight-bold`	Bold text
`.font-italic`	Italic text

Text Transformation

Class	Description
`.text-lowercase`	Transform text to lowercase
`.text-uppercase`	Transform text to uppercase
`.text-capitalize`	Transform text to capitalize

Lowercased text

Uppercased text

Capitalized text

Text Wrapping

Class	Description
`.text-truncate`	Truncating and prevents text from wrapping into multiple lines
`.text-break`	Breaks strings if their length exceeds the width of their container
`.text-nowrap`	Prevents text from wrapping into multiple lines

This is text truncate. This is text truncate. This is text truncate. This is text truncate

This-is-text-break.This-is-text-break.This-is-text-break.This-is-text-break

This is text nowrap. This is text nowrap. This is text nowrap. This is text nowrap

Class	Description
`.font-size-*`	Available values: 0, 10, 12, 14, 16, 18, 20, 24, 26, 30, 40, 50, 60, 70 , 80
`.font-size-0`	font-size: 0px
`.font-size-10`	font-size: 10px
`.font-size-12`	font-size: 12px
`.font-size-14`	font-size: 14px
`.font-size-16`	font-size: 16px
`.font-size-18`	font-size: 18px
`.font-size-20`	font-size: 20px

Text Alignment

Class	Description
`.text-left`	Left aligned text
`.text-center`	Center aligned text
`.text-right`	Right aligned text
`.text-justify`	Justified text

Left aligned text

Center aligned text

Right aligned text

Justified text: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

Check Out Preselected Demos

Clean UI – a modern professional admin template, based on Bootstrap 4 framework. Clean UI is a powerful and super flexible tool, which suits best for any kind of web application: Web Applications; CRM; CMS; Admin Panels; Dashboards; etc. Clean UI is fully responsive, which means that it looks perfect on mobiles and tablets

Clean UI is fully based on SASS pre-processor, includes 50+ commented SASS files. Each file corresponds to a single component, layout, page, plugin or extension – so you can easily find necessary piece of code and edit it for your needs. The package includes both normal and minified CSS files, compiled from SASS

Buy Now 20 25$