Style guide for template

Style guide for template

Source: _docs/bootstrap.css, line 58

6 Utilities

Various button styles. Documentation can be found Here

Source: _docs/bootstrap.css, line 9236

6.1 Alignment

Alignment variation documentation can be found Here

  • baseline

    .align-baseline

  • top

    .align-top

  • middle

    .align-middle

  • bottom

    .align-bottom

  • text-bottom

    .align-text-bottom

  • text-top

    .align-text-top

Source: _docs/bootstrap.css, line 9250

6.2 Borders

Borders variation documentation can be found Here

Source: _docs/bootstrap.css, line 9257

6.2.1 Borders - Additive

Borders - Additive variation documentation can be found Here

alltoprightbottomleft

  • all

    .b-all

  • top

    .b-all-top

  • right

    .b-all-end

  • bottom

    .b-all-bottom

  • left

    .b-all-start

Source: _docs/bootstrap.css, line 9273

6.2.2 No Borders - Subtractive

No Borders - Subtractive variation documentation can be found Here

with bordernonetoprightbottomleft

  • none

    .b-all-0

  • top

    .b-all-top-0

  • right

    .b-all-end-0

  • bottom

    .b-all-bottom-0

  • left

    .b-all-start-0

Source: _docs/bootstrap.css, line 9289

6.2.3 Border Color

Border Color variation documentation can be found Here

defaultthemeaccentprimarysecondarytertiarysuccessinfowarningdangerlightdarkwhiteblack

  • theme

    .b-c-theme

  • accent

    .b-c-accent

  • primary

    .b-c-primary

  • secondary

    .b-c-secondary

  • tertiary

    .b-c-tertiary

  • success

    .b-c-success

  • info

    .b-c-info

  • warning

    .b-c-warning

  • danger

    .b-c-danger

  • light

    .b-c-light

  • dark

    .b-c-dark

  • white

    .b-c-white

  • black

    .b-c-black

Source: _docs/bootstrap.css, line 9313

6.2.4 Border Width

Border Width variation documentation can be found Here

default12345

Source: _docs/bootstrap.css, line 9323

6.3 Display

Display variation documentation can be found Here

  • inline

    .d-inline

  • inline-block

    .d-inline-block

  • block

    .d-block

  • grid

    .d-grid

  • table

    .d-table

  • table-row

    .d-table-row

  • table-cell

    .d-table-cell

  • flex

    .d-flex

  • inline-flex

    .d-inline-flex

  • none

    .d-none

Source: _docs/bootstrap.css, line 9341

6.4 Float

Float variation documentation can be found Here

  • left

    .float-start

  • right

    .float-end

  • none

    .float-none

Source: _docs/bootstrap.css, line 9352

6.5 Interaction

Interaction variation documentation can be found Here

Source: _docs/bootstrap.css, line 9387

6.5.1 User select

User select variation documentation can be found Here

  • all

    .user-select-all

  • auto

    .user-select-auto

  • none

    .user-select-none

Source: _docs/bootstrap.css, line 9369

6.6 Opacity

Opacity variation documentation can be found Here

  • 0.1

    .opacity-p10

  • 0.2

    .opacity-p20

  • 0.3

    .opacity-p30

  • 0.4

    .opacity-p40

  • 0.5

    .opacity-p50

  • 0.6

    .opacity-p60

  • 0.7

    .opacity-p70

  • 0.8

    .opacity-p80

  • 0.9

    .opacity-p90

  • 1

    .opacity-p100

Source: _docs/bootstrap.css, line 9398

6.7 Overflow

Overflow variation documentation can be found Here

  • auto

    .overflow-auto

  • hidden

    .overflow-hidden

  • visible

    .overflow-visible

  • scroll

    .overflow-scroll

Source: _docs/bootstrap.css, line 9410

6.9 Positions

Positions variation documentation can be found Here

Source: _docs/bootstrap.css, line 9417

6.9.1 Position

Position variation documentation can be found Here

  • static

    .position-static

  • relative

    .position-relative

  • absolute

    .position-absolute

  • fixed

    .position-fixed

  • sticky

    .position-sticky

Source: _docs/bootstrap.css, line 9432

6.9.2 Positions Values

Positions Values variation documentation can be found Here
Classes '{prefix}' :

'Left' : .start-{value}
'Top' : .top-{value}
'Right' : .end-{value}
'Bottom' : .-{value}

  • 0

    .{prefix}-0

  • 10%

    .{prefix}-p10

  • 20%

    .{prefix}-p20

  • 25%

    .{prefix}-p25

  • 30%

    .{prefix}-p30

  • 40%

    .{prefix}-p40

  • 50%

    .{prefix}-p50

  • 60%

    .{prefix}-p60

  • 70%

    .{prefix}-p70

  • 75%

    .{prefix}-p75

  • 80%

    .{prefix}-p80

  • 90%

    .{prefix}-p90

  • 100%

    .{prefix}-p100

  • 5px

    .{prefix}-5

  • 10px

    .{prefix}-10

  • 15px

    .{prefix}-15

  • 20px

    .{prefix}-20

  • 25px

    .{prefix}-25

  • 30px

    .{prefix}-30

  • 35px

    .{prefix}-35

  • 40px

    .{prefix}-40

  • 45px

    .{prefix}-45

  • 50px

    .{prefix}-50

  • 55px

    .{prefix}-55

  • 60px

    .{prefix}-60

  • 65px

    .{prefix}-65

  • 70px

    .{prefix}-70

  • 75px

    .{prefix}-75

  • 80px

    .{prefix}-80

  • 85px

    .{prefix}-85

  • 90px

    .{prefix}-90

  • 95px

    .{prefix}-95

  • 100px

    .{prefix}-100

Source: _docs/bootstrap.css, line 9478

6.10 Shadows

Shadows variation documentation can be found Here

  • default

    .shadow

  • sm

    .shadow-sm

  • lg

    .shadow-lg

  • none

    .shadow-none

Source: _docs/bootstrap.css, line 9359

6.11 Visibility

Visibility variation documentation can be found Here

  • visible

    .visibility-visible

  • hidden

    .visibility-invisible