如何使用twitter bootstrap创建侧栏

Question

我想创建一个侧面导航，使用twitter bootstrap在快照中看起来类似如下。这里要特别注意的是，如果标签的名称很大......它会转换为“....”，而不会完全显示并且转到不同的行。如果可能的话，整个列表也必须滚动。任何人都知道如何实现它。

Answer 1

那么，文档描述得很好： http://twitter.github.com/bootstrap/components.html#navs

我用一个侧导航栏上我的Web应用程序之一 - 基本上都采用引导的网格布局创建两列。左侧为您的导航栏的一个较小的一个，右侧为您的主要内容的一个。这也是文档中：http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

Answer 2

类“navbaritem-省略号”添加到您的李时珍，并添加到您的CSS文件：

li.navbaritem-ellipsis { 
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: no-wrap; 
} 

无包裹告诉浏览器不换行文本到下一行。如果椭圆太大，则指示浏览器将“...”添加到文本的末尾。