jquery - 共享点 2013 : How to make Promoted links responsive?

Question

我(正如预期的那样)在尝试在 Sharepoint 中实现 Twitter Bootstrap 时遇到了很大的麻烦，无论如何，大多数事情都正常工作，但当我试图使提升的链接响应时除外。

我试图通过为他们分配类名“col-md-4”来完成我的任务，我通过 jquery 以这种方式更改类名来完成此任务:

$(document).ready(function() {
            $('#promotedlinksbody_WPQ2').removeClass('ms-promlink-body');
            $('#promotedlinksbody_WPQ2').addClass('row container-fluid');
            $('#promotedlinksbody_WPQ2').children().removeClass('ms-tileview-tile-root');
            $('#promotedlinksbody_WPQ2').children().addClass('col-md-4');
        });

我正在删除名为“ms-promlink-body”和“ms-promlink-body”的类，因为否则没有任何效果(显然可能是共享点覆盖了它)。

顺便说一句，这个系统一半工作一半不工作，下面是一些截图:

全屏可视化

中型设备可视化

小型设备可视化

现在我的问题的焦点是:如果我将类名从“col-md-4”更改为“col-md-5”或“col-md-3”或任何其他 col-md-values'，我的可视化没有任何变化？为什么行为仍然相同？？

希望我的问题足够清楚，以防万一。谢谢!!

Answer 1

Sharepoint 正在覆盖 col-md 的行为，只需在类属性上添加 !important 即可。