如何使 Pinterest Widget Builder 响应式？

兴趣网小部件生成器 http://business.pinterest.com/en/widget-builder#do_embed_board允许灵活地创建放置在您的网站上的小部件。我添加了一个这一页 http://rouviere.net/，但您可以为小部件设置的宽度似乎存在限制。例如我将宽度设置为1170，但它只显示在1111px。

这是代码：

<a data-pin-do="embedUser" href="http://www.pinterest.com/rouvieremedia/" data-pin-scale-width="180"  data-pin-board-width="1170">Follow Pinterest's board Pin pets on Pinterest.</a>

这是一个 Bootstrap 网站，我真的很希望能够使这个小部件也具有响应能力。我尝试将 CSS 样式应用于小部件，只是为了看看是否可以使用它来影响它。唉，运气不好。

div.container > span.PIN_1407891215996_embed_grid.PIN_1407891215996_fancy { 
    border: 5px solid red; 
}

任何与此元素交互的建议将不胜感激。然后我可以应用一些额外的样式。

将您的小部件包装在容器中，例如#pinterest-container，并添加以下样式：

#pinterest-container > span {
    width: 100% !important;
    overflow: hidden;
}

#pinterest-container > span > span > span > span {
    min-width: 0;
}

第一个覆盖宽度，否则固定，使其响应。第二个解决了如果小部件非常窄则不会显示最后一列的问题。