##### Switcher

##### Daneil Scott

online

February 1st, 2019
Hi, how are you Jenna Side? 8:40 AM, Today
Hi Connor Paige i am good tnx how about you? 8:55 AM, Today
I am good too, thank you for your chat template 9:00 AM, Today
You welcome Connor Paige 9:05 AM, Today
Yo, Can you update Views? 9:07 AM, Today
But I must explain to you how all this mistaken born and I will give 9:10 AM, Today
Yo, Can you update Views? 9:07 AM, Today
But I must explain to you how all this mistaken born and I will give 9:10 AM, Today
Yo, Can you update Views? 9:07 AM, Today
But I must explain to you how all this mistaken born and I will give 9:10 AM, Today
Okay Bye, text you later.. 9:12 AM, Today

##### Valex Video call

#### Daneil Scott

###### Calling...

###### Valex Voice call

##### Daneil Scott

###### Calling...

Display Inline
d-inline
d-inline
D-block
d-block d-block d-block
Float
Float start
Float end
Don't float
Float Responsive
Float sm
Float md
Float lg
Float xl
Text selection

This paragraph will be entirely selected when clicked by the user.

This paragraph has default select behavior.

This paragraph will not be selectable when clicked by the user.

Pointer events

`This link` can not be clicked.

`This link` can be clicked (this is default behavior).

`This link` can not be clicked because the `pointer-events` property is inherited from its parent. However, this link has a `pe-auto` class and can be clicked.

Gap
Grid item 1
Grid item 2
Grid item 3
Overflow
This is an example of using `.overflow-auto` on an element with set width and height dimensions. By design, this content will vertically scroll.
This is an example of using `.overflow-hidden` on an element with set width and height dimensions.
This is an example of using `.overflow-visible` on an element with set width and height dimensions.
This is an example of using `.overflow-scroll` on an element with set width and height dimensions.
Examples
No shadow
Small shadow
Regular shadow
Larger shadow
Vertical alignment With table cells

baseline | top | middle | bottom | text-top | text-bottom

Vertical alignment With inline elements
baseline top middle bottom text-top text-bottom
Opacity
100%
75%
50%
25%
Horizontal centering
Centered element
Relative to the parent
Width 25%
Width 50%
Width 75%
Width 100%
Width auto
Height Ht 25%
Height Ht 50%
Height Ht 75%
Height Ht 100%
Height Ht auto
You can also use max-width: 100%; and max-height: 100%; utilities as needed.
Max-height 100%