Javascript 引导菜单垂直分割

我需要使用引导垂直分离子菜单项。我已经水平分离了。但我想把它们垂直分开。因为我是新手，有人能帮我吗

<li class="dropdown">
  <a data-hover="dropdown" data-toggle="dropdown" class="dropdown-toggle" href="#">Bank Accounts<span class="caret"></span></a>
  <ul role="menu" class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li class="dropdown-header">Nav header</li>
    <li><a href="#">Separated link</a></li>
    <li><a href="#">One more separated link</a></li> 
  </ul>
</li>

导航标题

---

我需要的是在一列中显示前3个元素（带标题），在另一列中显示最后两个元素（带标题），用一行分隔

Bootstrap的文档非常丰富：

如果你花更多的时间研究你正在使用的工具，这个问题就没有必要了

下面是一个简单的示例，但有几种方法可以做到这一点：

我已经从标记中删除了很多引导程序

ul.t{
填充：0.2px；
}
ul.t李{
填充：0.4px；
文本对齐：居中；
}

下拉列表

请明确说明您尝试了什么CSS。嗯，这不是一个真正的答案-要么忽略它，要么详细解释应该做什么。凯，我添加了一个小例子，但您应该知道，通过手动喂食帮助吸血鬼，这样的代码强化了他们无法为自己设计解决方案的能力。在试图解决问题时表现出低努力的问题应该得到简单的回答。学习阅读文档和寻找有用的信息是你能教给别人的最好的事情之一。