如何使面包屑响应？

Question

我使用bootstrap3作为RWD并定制了我的面包屑.但是,它不适合移动尺寸.
我怎样才能使其响应？
附上问题的截图.

谢谢

Answer 1

您必须自己编写代码。没有您的具体代码，没有人能够给您具体的答案。话虽这么说，以下是我如何设置将自定义代码添加到我的 Bootstrap 网站。

使用较少

首先，创建一个新的 .less 文件 - 该文件将成为您新的主样式表。在该文件中，导入 bootstrap.less 文件。编译该文件并将其链接到您的 HTML 文件中。您现在应该拥有开箱即用的 Bootstrap CSS 的精确副本，并且可以访问所有 Bootstrap 变量。

要进行任何添加，请将它们添加到导入语句下方的该文件中。因此，在您的情况下，我将获取媒体查询和面包屑的变量（在 Variables.less 中找到），并在较小的屏幕上自定义面包屑的样式。

请注意，Bootstrap 是移动优先的，这意味着默认样式将应用于较小的屏幕，并且您可以覆盖较大的屏幕。

不少用

如果您不习惯少用，我想说这是一个很好的开始机会。话虽如此，如果您想以老式方式执行此操作，只需创建链接的第二个样式表，将其添加到 Bootstrap 表下方，然后编写代码即可。