HTML menu to PHP with Bootstrap not look the same - php

Question

I have my menu styled with Bootstrap. My dropdown menu was like that with html+bootsrap:
`
<div class="container">
<div class="row">
<ul class="col-sm-3">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<ul class="col-sm-3">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<ul class="col-sm-3">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<ul class="col-sm-3">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</div>
</div>
I used the class col-sm-3 every 4 items to achieve that.
But i cant do that in php cause i am using foreach loop and the result is like this one:
I tried with col-sm-3 but not..
<div class="collapse navbar-collapse btnCollapse">
<ul class="nav navbar-nav">
<li>Home</li>
<?php foreach ($navItems as $item) { ?>
<li class="dropdown">
<?php echo $item['title']; ?><span class="caret"></span>
<?php if(isset($item['dropdown'])){ ?>
<ul class="dropdown-menu" role="menu">
<div class="container">
<div class="row">
<ul class="col-sm-3">
<?php foreach($item['dropdown'] as $subitem) { ?>
<li><?php echo $subitem['title'] ?></li>
<?php }; ?>
</ul>
</div>
</div>
</ul>
<?php }; ?>
</li>
<?php }; ?>
</ul>
</div>
WHats the way to achieve that?
Maybe should I use For loop instead of foreach? I dont know..
Any feedback?

Answer 1

<div class="collapse navbar-collapse btnCollapse">
<ul class="nav navbar-nav">
<li>Home</li>
<?php foreach ($navItems as $item) { ?>
<li class="dropdown">
<?php echo $item['title']; ?><span class="caret"></span>
<?php if(isset($item['dropdown'])){ ?>
<ul class="dropdown-menu" role="menu">
<div class="container">
<div class="row">
<?php $i = 0; foreach($item['dropdown'] as $subitem) {
if($i%4==0){
echo "<ul class="col-sm-3">";
} ?>
<li><?php echo $subitem['title'] ?></li>
<?php if($i%4==3){
echo "</ul>";
}
$i++;
}; ?>
</div>
</div>
</ul>
<?php }; ?>
</li>
<?php }; ?>
</ul>
</div>
In your desired output you need 4 colums, so I devided menu items by 4 to put column i.e. if($i%4==0) for starting <ul> and if($i%4==3) for ending </ul>.