iphone - 如何使面包屑具有响应性？

Question

我使用 bootstrap3 进行 RWD 并定制了我的面包屑。但是，它不适合移动设备尺寸。
我怎样才能让它响应？
附上问题的截图。

谢谢

Answer 1

我在 bootsnipp 上创建了一个可能满足您需求的代码片段。

http://bootsnipp.com/snippets/featured/responsive-breadcrumbs

您可以将此面包屑配置为

• 仅显示最后 n 个元素。如果隐藏元素，则会在列表开头添加省略号。
• 设置每个元素的最大大小。如果标签太长，则会在标签后面添加省略号。

通过设置断点，您可以设置要显示的元素数量以及不同屏幕尺寸的最大尺寸，从而确保不会出现任何溢出。