Lorem ipsum dolor  ...

Consectetur adipiscing elit. Cras lorem urna, mattis in ornare at, lacinia eleifend eros. Vestibulum quis dignissim nisi.Nullam a nunc nisi. Nulla eu odio nec urna posuere lobortis quis venenatis magna. Fusce nunc eros, pellentesque commodo nunc eleifend, imperdiet convallis orci.

Sed consequat augue eget ligula vulputate elementum.

Fusce non elit ut nunc posuere blandit. Vestibulum at erat quis elit hendrerit ornare vel et ante. Pellentesque id leo suscipit, condimentum quam laoreet, congue lorem. Duis congue eros non posuere varius.Nullam a nunc nisi. Nulla eu odio nec urna posuere lobortis quis venenatis magna. Fusce nunc eros, pellentesque commodo nunc eleifend, imperdiet convallis orci.

Sidebar

Typography - Layout Settings

 

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
grid6
grid6_last
grid4
grid4
grid4_last
grid3
grid3
grid3
grid3_last
grid2
grid2
grid2
grid2
grid2
grid2_last
grid10
grid2_last