#### Border

#### Following table demonstrates available classes for 1px border.

Class name
Description
`.bt-1`
border-top: 1px solid ...
`.bb-1`
border-bottom: 1px solid ...
`.bs-1`
border-left: 1px solid ...
`.be-1`
border-right: 1px solid ...
`.bx-1`
border-left: 1px solid ...
border-right: 1px solid ...
`.by-1`
border-top: 1px solid ...
border-bottom: 1px solid ...
`.b-1`
border: 1px solid ...

You can add solid borders to an element using following classes. You're able to change the border color using border color utility classes.

The classes follows b{side}-{size} format, where `{size}` is one of `0`, `1`, `2`, `3`, `4`, or `5` values. Also, `{side}` is one of:

- `t`: Border top
- `b`: Border bottom
- `s`: Border left
- `e`: Border right
- `x`: Border left and right
- `y`: Border top and bottom
- null: All sides

`<div class="b-dashed"></div>`
`<div class="b-dotted"></div>`
`<div class="b-double"></div>`
`<div class="b-groove"></div>`
`<div class="b-solid"></div>`

`<div class="b-1"></div>`
`<div class="bx-2"></div>`
`<div class="by-3"></div>`
`<div class="bs-3 border-primary"></div>`
`<div class="be-2 border-success"></div>`
`<div class="bt-1 border-danger"></div>`
`<div class="bb-1 border-info"></div>`

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

##### Tasks Overview

Project Briefing Project Manager
Concept Design Art Director
Functional Logics Lead Developer
Development DevOps
Testing QA Managers

##### Messages

Duis faucibus lorem Pharetra, Nulla
+125$
Mauris varius augue Pharetra, Nulla
+125$
Aliquam in magna Pharetra, Nulla
+125$
Phasellus venenatis nisi Pharetra, Nulla
+125$
Vivamus consectetur Pharetra, Nulla
+125$

##### Support

Enable Notifications:
Enable Case Tracking:
Support Portal:

##### Overview

Generate Overview:
Enable Overview Export:
Allow Data Collection:

##### Users

Enable Users singup:
Allow User Feedbacks:
Enable Users Portal:
Mayra Sibley
Active
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?