eVision Responsive Column Layout Shortcodes free WordPress pluginFree

3 738 websiteseVision Responsive Column Layout Shortcodes free WordPress plugin by Bhuwan Roka

This Plugin easily adds responsive ( BootStrap ) columns layout into posts and pages by wrapping content with a shortcode.
Use the Plugin’s button on the editor to add columns or simply copy and paste the beneath codes. Use the shortcode in the text widget or posts/pages like this:

  • 2 column layout: –
    [bscolumns class=”one_half”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_half_last”]Your Content Goes here[/bscolumns]
    [bscolumns class=”clear”][/bscolumns]

  • 3 column layout: –
    [bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_third_last”]Your Content Goes here[/bscolumns]
    [bscolumns class=”clear”][/bscolumns]

  • 4 column layout: –
    [bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_fourth_last”]Your Content Goes here[/bscolumns]
    [bscolumns class=”clear”][/bscolumns]

  • 5 column layout: –
    [bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_fifth_last”]Your Content Goes here[/bscolumns]
    [bscolumns class=”clear”][/bscolumns]

  • 6 column layout: –
    [bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_sixth_last”]Your Content Goes here[/bscolumns]
    [bscolumns class=”clear”][/bscolumns]

  • 1/3 and 2/3 column layout: –
    [bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
    [bscolumns class=”two_third_last_clear”]Your Content Goes here[/bscolumns]
    [bscolumns class=”clear”][/bscolumns]

  • 2/3 and 1/3 column layout: –
    [bscolumns class=”two_third”]Your Content Goes here[/bscolumns]
    [bscolumns class=”one_third_last_clear”]Your Content Goes here[/bscolumns]
    [bscolumns class=”clear”][/bscolumns]

The columns are responsive and will occupy the whole width of your screen.

Checkout the demo here

With new plugin, you can enter the column combination from Tinymce button like 1/3+2/3. This will give you one third of column, and 2 third of the column.

If you have any questions and suggestions, leave a comments or post it in support forum. Thank you!

Author: Bhuwan Roka

Plugin Folder: wens-responsive-column-layout-shortcodes

Tags: column, fluid layout, one_half, responsive columns, shortcode

Source from: WordPress.org