Columns & Equal Columns

Columns

  • 4 different Breakpoints
  • Full Based on Bootstrap Framework
  • Extremely Flexible Content Building
  • Add Classes, IDs and more individual

Default Columns

12

6

6

4

4

4

3

3

3

3

2

2

2

2

2

2

Mix them like you wish

3

9

2

4

6

4

5

3

6

2

4

10

2

Advanced Example

In this advanced Example the Columns have default Sizes for each Browser Width! On Large Screens there will be 4 Columns, on Medium Screens there will be 2 Columns, on Small Screens there will be only 1 Columns and on Extra Small Screens there will be 2 Columns.

X

X

X

X

Equal Heights

In this advanced Example you can see that all Boxes have the same Size, no matter which height the Content have. This Feature is for a few Elements available like Well's or Iconboxes.

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Minimal Shortcode

{row}
  {col md="6"}Content{/col}
  {col md="6"}Content{/col}
{/row}

Shortcode with some Options

{row}
  {col lg="6" md="8" sm="3" xs="10"}Content{/col}
  {col lg="6" md="4" sm="9" xs="2"}Content{/col}
{/row}
Parameter Name Description Possible values Default
xs Column Count for Browser with Size: 0px - 768px 1-12
sm Column Count for Browser with Size: 768px - 992px 1-12
md Column Count for Browser with Size: 992px - 1.200px 1-12
lg Column Count for Browser with Size: 1.200px and more 1-12
margin Can be added to the {row} to give more or less Space left and right.
Example: {row margin="30"}
0, 10, 30, 50
class Add a optional Class to the Shortcode
id Add a optional unique ID to the Shortcode
style Add optional Style Attributes to the Shortcode

WSInfinity

We are WS-Theme, a creative and awesome group of individuals. In 2016 we set us a Goal to make the perfect Joomla Template. We believe this Joomla Template can make your life much more easier. We encourage you to try this Template, it will change your outlook on what a Joomla Template can do.

Contact us

  • Address: Untere Koppenhalde 11
    72406 Bisingen
    Germany
  • Email: office@braink.com
  • Phone: +88 (0) 144 5532 001

Newsletter

Sign up to our newsletter and get exclusive deals you wont find anywhere else straight to your inbox!

Menu

Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Joomla Template.




Backend View Shortcode System