Sharepoint 2013：如何使推广链接响应？

Question

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

我正在尝试通过为他们分配 class 名称 "col-md-4" 来完成我的任务，我正在通过 jquery 更改 class 名称来完成此任务这样：

$(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' 的 class，因为否则没有任何效果（显然可能是共享点覆盖了它）。

顺便说一句，这个系统一半工作一半不工作，这里是一些截图：

全屏可视化

中型设备可视化

小型设备可视化

现在我的问题的重点是：如果我将 class 名称从 'col-md-4' 更改为 'col-md-5' 或 'col-md-3' 或任何其他 col-md-values'，我的可视化没有任何变化？为什么行为还是一样？？

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

Answer 1

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

Sharepoint 2013：如何使推广链接响应？

Sharepoint 2013: How to make Promoted links responsive?

css

jquery

sharepoint-2013

twitter-bootstrap-3