Twitter bootstrap 如何查看隐藏在面包屑中的列表？

我在HTML页面中使用Bootstrap-Breadcrumb。如果文本溢出或列表的宽度更大，我使用省略号（溢出：隐藏）。如何在单击省略号或主页时查看隐藏在省略号下的列表？ 请在展开代码段中运行代码，以查看不同的级别

/*来自的面包屑http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn breadcrumb.btn:不是（：最后一个孩子）：之后{
内容：“；
显示：块；
宽度：0；
身高：0；
边框顶部：17px实心透明；
边框底部：17px实心透明；
左边框：10px纯白；
位置：绝对位置；
最高：50%；
利润上限：-17px；
左：100%；
z指数：3；
}
.btn breadcrumb.btn:不是（：最后一个孩子）：之前{
内容：“；
显示：块；
宽度：0；
身高：0；
边框顶部：17px实心透明；
边框底部：17px实心透明；
左边框：10px实心rgb（173173173）；
位置：绝对位置；
最高：50%；
利润上限：-17px；
左边距：1px；
左：100%；
z指数：3；
}
.btn面包屑.btn{
填充：6px 12px 6px 24px；
}
.btn面包屑.btn：第一个孩子{
填充：6px 6px 6px 10px；
}
最后一个孩子{
填充：6px 18px 6px 24px；
}
/**默认按钮**/
.btn breadcrumb.btn.btn默认值：不（：最后一个子项）：之后{
左边框：10px实心#fff；
}
.btn breadcrumb.btn.btn默认值：不（：最后一个子项）：之前{
左边框：10px实心#ccc；
}
.btn breadcrumb.btn.btn默认值：悬停：非（：最后一个子项）：之后{
左边框：10px实心#ebebebeb；
}
.btn breadcrumb.btn.btn默认值：悬停：非（：最后一个子项）：之前{
左边框：10px实心#adadad；
}
/*响应部分*/
.btn面包屑>*>div{
/*少于：。文本-溢出（）*/
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}
.btn面包屑>*：第n个孩子（n+2）{
显示：无；
}
/*===========================================================================================*/
@介质（最大宽度：767px）{
.btn面包屑>*：第n个最后的子级（-n+2）{
显示：块；
}
.btn面包屑>*div{
最大宽度：60px；
}
}
/*=========================================================================================================*/
@介质（最小宽度：768px）和（最大宽度：991px）{
.btn面包屑>*：第n个最后的子级（-n+4）{
显示：块；
}
.btn面包屑>*div{
最大宽度：100px；
}
}
/*==对于台式机===========================================================================================*/
@介质（最小宽度：992px）{
.btn面包屑>*：第n个最后一个孩子（-n+6）{
显示：块；
}
.btn面包屑>*div{
最大宽度：170px；
}
}

面包屑2（8个元素）
...