我希望li
内的ul
被分成3个彼此相邻的平行元素列表。但是,该列表显示在直接列表中。
我希望col-xs-3
可以完成这项工作,但是似乎没有用。建议解决此问题?
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>
答案 0 :(得分:1)
您需要将col-xs-3
添加到<li>
标记中,而不要添加到<ul>
元素中。另外,您没有正确关闭表达式。
请始终记住,您需要在react循环的顶部元素中添加唯一键。试试这个
return <div id="col_sub_1">
<ul className="sub-menu-width ">
{
childitem.map((subcat,subcatindex) => (
<li key={subcat.id} className="col-xs-3">
{subcat.id !=54 ? <a className="event_menu_item_desktop"><span> {subcat.name}</span></a> : null}
</li>
))}
</ul>
</div>