如何在两列上输出引导下拉列表？

Question

如果列表超过6个，我想在其右侧创建一个新列（例如，如果列表超过12个对象，则应创建3列）。 这只是桌面版。 自定义此列表我正在使用bootstrap！ 这是我的源代码：

<li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ t('Categories') }}<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    @foreach(siteCategories() as $category)
                        <li><a href="{{ route('category', ['slug' => $category->slug]) }}">{{{ $category->name }}}</a></li>
                    @endforeach
                </ul>

Answer 1

<li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ t('Categories') }}<b class="caret"></b></a>
            <ul class="dropdown-menu">
                @foreach(siteCategories() as $category)
                    <li class="col-sm-6"><a href="{{ route('category', ['slug' => $category->slug]) }}">{{{ $category->name }}}</a></li>
                @endforeach
            </ul>

使用下拉列表中li中的网格实用程序。你必须做一个计数器来改变那个值，具体取决于对象的数量。