- Dashboard
- Dashboard
- Layouts
- Crypto Currencies
- E-Commerce
- Applications
- Widgets
- Mail2
- Apps
- Icons
- Maps2
- Tables
- Components
- Elements
- Advanced UI
- Forms & Charts
- Forms6
- Charts5
- Other Pages
- Pages
- Utilities
- Custom Pages
- Submenu
You can set a width to an element instantly by using the following utilities classes for width.
You can set a width through percentage using the following utilities classes.
Class | Value |
---|---|
.wd-[value]p | 10 | 20 | 30 | 40 | ... | 100 (step of 10) |
You can also set a width to a different media query using the following utilities classes.
Class | Value |
---|---|
.wd-[size]-[value] | size: xs | sm | md | lg | xl value: the width value (refer to code above) |
.wd-[size]-[value]p |
You can also set a width using the extra utilities classes below.
Class | Description |
---|---|
.wd-100v | Set a width to an element based on viewport width. |
.wd-auto | Set an auto width to an element. |