Hi there,

I have a footer with 6 categories that contains landingspages that all have col-md-2 so they will fit. But i need to show only 3 categories and then start a new row with the other 3 categories (so they will get col-md-4). It's now going well with only changing the col-md so i need to set a max number of columns in a row.

How can that be done?

This is the code:

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
var homePage = CurrentPage.AncestorsOrSelf(1).First();
var textPageQuote = CurrentPage.textPageQuote;
var LandingspaginaCategorie = homePage.LandingspaginaCategorie;
}

<style>
.map-holder #maps{
    height:150px;   
}
</style>
<div class="col-md-12 row Footer">
<div class="col-md-4">
    <ul class="footerAddress">
        <li>
            <h3>Contact</h3>
            <p><i class="fa fa-home"></i> @Umbraco.GetDictionaryValue("SiteName")<br>
            <i class="fa fa-home" style="color:#dd1414;"></i> @homePage.straat, @homePage.postcode @homePage.plaats<br></p>
            <p><i class="fa fa-phone"></i> @homePage.telefoonNummer<br></p>
            <p><i class="fa fa-envelope-o"></i> @homePage.emailAdres</p>
        </li>
        <li>
            <div class="map-holder">
                <div id="maps"></div>
            </div>
        </li>
    </ul>
</div>
<div class="col-md-8">
    <div class="row footerLanding">
        @foreach (var childPage in LandingspaginaCategorie)
        {
            foreach (var landingChild in childPage.Children)
            {
                <div class="col-md-4">
                    <div class="SponsorTypeTitle">
                        @landingChild.name
                    </div>
                    <div>
                        <ul>
                            @foreach (var landingChilds in landingChild.Children.Where("UmbracoNaviHide == false"))
                            {
                                <li>
                                    @landingChilds.name
                                </li>
                            }
                        </ul>
                    </div>
                </div>
            }
        }
    </div>
</div>

Kind regards, Robert