ComboStrap Styling - Class attribute

Undraw My Documents

About

Because all ComboStrap UI component are implemented as super set HTML element, you can apply the class attributes.

The class attribute is used intensively by Bootstrap to apply the Bootstrap Layout Utilities.

ComboStrap already implements most of these utilities through the standard attributes but in the case that you need something really advanced, you can always take control over and apply them.

Example

Example:

  • The markup
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<note class="invisible" >
A note that is no more visible
</note>

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • The output:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Generated

To be able to style as you wish, Combostrap adds a generated class for each element of a component.

More ? See component stylesheet in theming




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Undraw My Documents
Background styling - Add any background to your ComboStrap component

The background element permits you to add any background to your ComboStrap component in an easy and declarative way.
Bootstrapversionstylesheet
ComboStrap - Bootstrap

bootstrap is the default UI system used by ComboStrap. We use by default, the latest Bootstrap version supported. You can change the version and stylesheet with the bootstrap version stylesheet version...
Undraw My Documents
ComboStrap - Print

How to handle component on print
Undraw My Documents
ComboStrap Styling - Marki Language

ComboStrap implements in most of its components the marki language. It's a simplified version of the HTML language and follows the same rules. Below, we describe the , they all have in common. Every...
Undraw My Documents
ComboStrap UI - Styling

Styling in ComboStrap is the possibility to render every component as you wish. ComboStrap has three levels of styling: the bootstrap stylesheet level - bootstrap standard theme the user stylesheet...
Tooltip Illustration
ComboStrap UI - Tooltip

A Tooltip displays informative text when users hover over, focus on, or tap an element.
Default Component Stylesheet File Explorer
Component Stylesheet

This functionality gives the possibility for Web Designers to customize the style of Combostrap components. If a stylesheet with the name of a component is found in the components/css directory of a...
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Undraw My Documents
What is a blockquote widget and how to use it

A blockquote is a extract from another source and is set appart with a citation.



Task Runner