Typography

JB Type Layout Setting

Using some simple JB Type syntax it is now possible to replicate the span markup used in the Bootstrap css framework. Separating a block of your content is as simple as wrapping it in some curly brackets. 

Example:

[grid6]This is a block of content that will take up half of the width of the page.[/grid6]

Last grid block

To make the last item in the row fit in the row we need to use the _last suffix to make the block float right and also remove it’s margin.

Example

[grid6_last]This is a block of content that will take up half of the width of the page.[/grid6_last].

Please note that the above example uses square brackets as opposed to curly brackets to avoid the text rendering on the page.

List of available grids:

• grid1
• grid2
• grid3
• grid4
• grid5
• grid6
• grid7
• grid8
• grid9
• grid10
• grid11
• grid12.

Here are examples:

{grid12}

{/grid12} {grid6}

{/grid6}{grid6_last}

{/grid6_last} {grid4}

{/grid4}{grid4}

{/grid4}{grid4_last}

{/grid4_last} {grid3}

{/grid3}{grid3}

{/grid3}{grid3}

{/grid3}{grid3_last}

{/grid3_last} {grid2}

{/grid2}{grid2}

{/grid2}{grid2}

{/grid2}{grid2}

{/grid2}{grid2}

{/grid2}{grid2_last}

{/grid2_last} {grid10}

{/grid10}{grid2_last}

{/grid2_last} {jb_clear}{/jb_clear}