Torus Kit & Bootstrap Utilities

Utilities that helps you to work faster and more effective. Check the Torus Kit new ones together with enhanced Bootstrap utilities

Background image

Set background image easily to any element without writing any CSS code.

Background color

Convey meaning through background color with a handful of color utility classes. Includes support for lighten, darken and opacity together with dynamic background color on various triggers

Borders

Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.

Colors

Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.

Cursor

Small utility that sets cursor when element is hovered

Display

Quickly and responsively toggle the display value of components and more with our display utilities. Includes support for some of the more common values, as well as some extras for controlling display when printing.

Flex

Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. For more complex implementations, custom CSS may be necessary.

Float

Toggle floats on any element, across any breakpoint, using our responsive float utilities.

Interactions

Utility classes that change how users interact with contents of a website.

Opacity

Set element’s opacity with the opacity utility class

Overflow

Use these shorthand utilities for quickly configuring how content overflows an element.

Overlay

Create a CSS color overlay allowing for readable text over the background image or background color with overlay class

Position

Use these shorthand utilities for quickly configuring the position of an element.

Shadows

Add or remove shadows to elements with box-shadow utilities.

Sizing

Easily make an element as wide or as tall with our width and height utilities.

Spacing

Bootstrap includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element’s appearance.

Text

Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.

Vertical align

Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.

Visibility

Control the visibility of elements, without modifying their display, with visibility utilities.

Z-index

Change z-position of an element