1

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

在此处输入图像描述

4

2 回答 2

2

将类“navbaritem-ellipsis”添加到您的 LI，并将其添加到您的 CSS 文件中：

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

no-wrap 告诉浏览器不要将文本换行到下一行。省略号指示浏览器在文本太大时将“...”添加到文本的末尾。

于 2013-09-03T23:23:36.527 回答
-2

好吧，文档很好地描述了这一点：http: //twitter.github.com/bootstrap/components.html#navs

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

于 2013-03-01T14:33:06.837 回答