Html 为什么我不能强制ul作为表行？

我使用的是

bootstrap3

，我希望有一个

navbar

，其中所有

nav

项目都在整个栏宽范围内隔开

要实现这一点，我唯一的选择是使条形图的行为分别类似于

表

，

-行

，以及

-单元格

我得到了正确的标记&css，但显然我无法强制

display:table row在我的
ul
上

奇怪的是：


firefox和chromium都报告说，虽然
表行
是最重要的规则，但它们应用了
块


仅当我包含
bootstrap3
时才会发生这种情况（请在实时示例中尝试切换）

HTML
就做一个服务员吧

要想让它在没有任何浏览器错误的情况下正常工作，你需要编写的所有疯狂代码都比一个表标签要难看得多。
我已经弄明白了

我只需要解开
.nav

.nav {
   float: none;
}

唉，又失去了一个小时。但是我会把这个问题留给大家，也许这会节省一些人的时间。
是的，我知道，这是一个选项，但我想坚持bootstrap3的标记（尽管我知道通过这个我完全修改了元素的行为）-我没有否决：）否决：最后我使用了自定义（js）布局，留下了
bootstrap3
，由于所需的布局过于自定义，因此无法将其与html元素一起破解。@Matyas您也应该接受答案，因为这就是您最终解决问题的方式。或者接受你自己的答案。你将失去一个多小时的时间。。。我打赌一周后你会发现一只奇怪的虫子，一个月后你会发现另一只，六个月后会发现第三只。我过去被这件事折磨过，这不值得。
.collapse.navbar-collapse {
  display: table !important;
  width: 100%;
}
.navbar .nav {
  display: table-row !important;
  width: 100%;
  background: #fff;
}
.navbar .nav > li {
  display: table-cell !important;
  background: #39f;
  float: none;
}

.nav {
   float: none;
}