如何在Twitter Bootstrap中创建一个简单的垂直菜单？

Question

请原谅我这个简单的问题，我读过一本Bootstrap书，但它只是在这个库的表面上划过，我也搜索了谷歌，但绝大多数结果显示了如何构建复杂的水平菜单。

我想创建老式的垂直菜单，没有药丸或其他任何东西，其中有菜单可以填充100％的水平空间并叠加在彼此之上。我并不担心移动设备，因为我会将它隐藏在前面的小型设备中。我想要这个：

|menu item      | the menu item and the menu have the same bondaries.
|menu item 2    |
|menu item 3    |

我正在尝试这个：

 <nav class="navbar navbar-default">
 <div class="container-fluid">

<ul class="nav navbar-nav">
    <li   class="active"><a  href="imoveisvenda.html"> imoveis a venda <span class="sr-only">(current)</span></a></li>
    <li class="active">{!!  link_to_route('rota', 'imóveis locação') !!}</li>
<nav>
</div>

我得到菜单itens，看起来是药片（它们没有填满100％的水平空间），菜单项比我想要的要大。上面的代码给了我这个：

||menu item|   |  the menu item doesn't fill space available for the menu.
||menu|        | 

我有另一个疑问，如果有一个类使菜单更紧凑 - 更紧凑我的意思是减少自举应用于菜单的顶部和底部填充。