Nested Rows and Columns

Home Forums Easy Bootstrap Shortcodes PRO Nested Rows and Columns

This topic contains 2 replies, has 2 voices, and was last updated by  Biel Baraut 1 year, 10 months ago.

  • Author
    Posts
  • #5911

    Biel Baraut
    Participant

    Hi,

    I am trying to add nested columns and it doesn’t seem work.
    This is my mode:

    [ebs_row]
    [ebs_column lg="12" md="12" sm="12" xs="12" ]
    Level 1
    [ebs_row]
    [ebs_column lg="6" md="6" sm="6" xs="6" ]
    Level 2
    [/ebs_column]
    [ebs_column lg="6" md="6" sm="6" xs="6" ]
    Level 2
    [/ebs_column]
    [/ebs_row]
    [/ebs_column]
    [/ebs_row]

    According to Boostrap this is how it should be done:
    http://getbootstrap.com/css/#grid-nesting

    <div class=”row”>
    <div class=”col-sm-9″>
    Level 1
    <div class=”row”>
    <div class=”col-xs-8 col-sm-6″>
    Level 2
    </div>
    <div class=”col-xs-4 col-sm-6″>
    Level 2
    </div>
    </div>
    </div>
    </div>

    Many thanks

    • This topic was modified 1 year, 10 months ago by  Biel Baraut.
  • #5922

    osCitas Themes
    Keymaster

    Hi Biel Baraut,

    Thanks for contacting us, we have used the same shortcode you have mentioned at page http://demo.oscitasthemes.com/ebs-pro-nested-columns/ and it is generating the same html as required. Please check this page.

    Please feel free to contact us in case you have any other query.

    Thanks

  • #5932

    Biel Baraut
    Participant

    Hi,

    Thank you for your reply.
    I found the problem, there was a conflict with another plugin when executing the shortcodes.

    Thanks,

You must be logged in to reply to this topic.