LTS styles

LTS Container .lts

The lts class is the main container for the lts styles. For the styling to appear correctly it MUST be inside the lts container

<div class="lts"> </div>

Jays Background .jbg

The jbg class allows for the background to stretch to the width of the browser window.If multiple jbs are in the document you should give them an extra class or id to make them unique.

<div class="lts"> <div class="jbg j1"> </div> <div class="jbg j2"> </div> </div>

Flex Positioning .flexy, .flexx, .flexboth

the flex classes allow for content centering inside it's container/ div either in the Y (vertical) axis, the X (horizontal) axis or both X & Y. To center the objects the class must be applied to the parent.

<div class="lts"> <div class="row"> <div class="col-md-3"> <p>No Flex here</p> </div> <div class="col-md-3 flexy"> <p>flex position Y axis</p> </div> <div class="col-md-3"> <p>flex position X axis</p> </div> <div class="col-md-3 flexboth"> <p>flex position X & Y axis</p> </div> </div> </div>