Position

The .pos-* classes position elements absolutely inside a relatively positioned element.

{% apply view_source %}
.pos-tl
.pos-tc
.pos-tr
.pos-cl
.pos-cc
.pos-cr
.pos-bl
.pos-bc
.pos-br
{% end %}

The Bootstrap margin utility classes can be applied to these. The blocks below use .m-3.

{% apply view_source %}
.pos-tl
.pos-tc
.pos-tr
.pos-cl
.pos-cc
.pos-cr
.pos-bl
.pos-bc
.pos-br
{% end %} {% apply view_source %}
.pos
{% end %} {% apply view_source %}
.pos-c
.pos-t
.pos-r
.pos-b
.pos-l
{% end %}

The Bootstrap margin utility classes can be applied to these. The blocks below use .m-3.

{% apply view_source %}
.pos-t
.pos-r
.pos-b
.pos-l
{% end %}