Building Bootstrap megamenu - Building and Aligning columns with data

Building Bootstrap megamenu - Building and Aligning columns with data

I have below data which comes from ajax call,

var mydata=[{"LINKURL1":"AA1", "LINKTEXT1":"AA2"},{"LINKURL2":"AA3", "LINKTEXT2":"AA4"},{"LINKURL3":"AA5", "LINKTEXT3":"AA7"},{"LINKURL4":"AA8", "LINKTEXT4":"AA9"},{"LINKURL5":"AA10", "LINKTEXT5":"A11"}....ETC TILL 250 objects max]

I need to build columns using this data

<li class="col-sm-3 col-md-3 col-lg-3"> <ul> <li><a href="LINKURL1">LINKTEXT1</a></li> <li><a href="LINKURL2">LINKTEXT2</a></li> <li><a href="LINKURL3">LINKTEXT3</a></li> <li><a href="LINKURL4">LINKTEXT4</a></li> -- -- <!-- need 10 li elements under col-sm-3 class --> </ul> </li>

How do I do this ? Appreciate some help on this