My expectation was for the li elements inside the ul to be divided into 3 parallel lists of elements appearing next to each other. However, the list is showing up in a straight list.
I thought using col-xs-3 would solve the issue, but it doesn't seem to be working. Any suggestions on how to fix this?
return <div id="col_sub_1">
<ul className="col-xs-3 sub-menu-width ">
{
childitem.map(function(subcat,subcatindex){
{/*--LEAF WHEN NO CHILD ELEMENTS */}
return <li>
{
subcat.id !=54 ? <a className="event_menu_item_desktop"><span> {subcat.name}</span></a> : null
</li>
})
}
</ul>
</div>