Html 使用div作为ul的孩子有什么有效的方法吗？

我正在使用Bootstrap构建一个定制的“大菜单”。我的一些子菜单

UL

s将有多个列，因此我想利用引导框架来定义列布局。现在，我知道使用

div

作为

UL

的子项是无效的标记，但是有什么方法可以有效地实现这一点吗

以下是我想要的结构示例：

<div class="menu-container">
    <ul id="navbar">
        <li><a href="#">Top Menu Link</a>
            <ul>
                <div class="row">
                    <div class="col-sm-3">
                        <li><a href="#">Child Links</a>
                            <ul>
                                <li><a href="#">Child 1</a></li>
                                <li><a href="#">Child 2</a></li>
                                <li><a href="#">Child 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Child Links 2</a>
                            <ul>
                                <li><a href="#">Child 1</a></li>
                                <li><a href="#">Child 2</a></li>
                                <li><a href="#">Child 3</a></li>
                            </ul>
                        </li>
                    </div>
                    <div class="col-sm-3">
                        <li><a href="#">Child Links 3</a>
                            <ul>
                                <li><a href="#">Child 1</a></li>
                                <li><a href="#">Child 2</a></li>
                                <li><a href="#">Child 3</a></li>
                            </ul>
                        </li>
                    </div>
                    <div class="col-sm-3">
                        <li><a href="#">Child Links 4</a>
                            <ul>
                                <li><a href="#">Child 1</a></li>
                                <li><a href="#">Child 2</a></li>
                                <li><a href="#">Child 3</a></li>
                            </ul>
                        </li>
                    </div>
                    <div class="col-sm-3">
                        <li><a href="#">Child Links 5</a>
                            <ul>
                                <li><a href="#">Child 1</a></li>
                                <li><a href="#">Child 2</a></li>
                                <li><a href="#">Child 3</a></li>
                            </ul>
                        </li>
                    </div>
                </div>
            </ul>
        </li>
    </ul>
</div>

尝试将

div退出，将
行
类放在
ul
上，将
col-sm-3
类放在
li
上，始终使用
直接到ul。然后可以在li中添加div。如果您是
的允许子女，则可以使用
。允许，即
。你不能有
，但你当然可以有
标题中问题的答案是非常简单的“不”，除非你想非常正式地回答“当然，只需编写你自己的DTD”。这个问题的主体会问“我是否有任何方法可以有效地处理这个问题”，而不知道“这”是什么。您应该重写该问题，以便它足够详细地描述您希望如何显示某些数据。感谢您的建议，不幸的是，这对我不起作用，因为某些列将有多个父级
li
，对不起，我应该在示例中说明这一点。