title: Sharepoint 2013: How to make Promoted links responsive?
body: <p>I'm having (as expected) big times truble trying to implement twitter bootstrap in Sharepoint, anyway, most of the things works properly exept when i'm trying to make the promoted links reponsive.</p>
  
  <p>I'm trying to achieve my task by assign to them the class name "col-md-4", I'm doing this by changing via jquery the class name in that way:</p>
  
  <pre><code>$(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');
          });
  </code></pre>
  
  <p>I'm removing the class named 'ms-promlink-body'and 'ms-promlink-body' because otherwise nothing is working (apparently maybe sharepoint is overriding it).</p>
  
  <p>By the way this system is half working and half not, here is some screenshots:</p>
  
  <p><strong>Full screen visualization</strong>
  <img src="https://i.stack.imgur.com/gvxNV.png" alt="Fullscreen visualization"></p>
  
  <p><strong>Medium devices visaulization</strong>
  <img src="https://i.stack.imgur.com/m6RDf.png" alt="enter image description here"></p>
  
  <p><strong>Small devices visualization</strong>
  <img src="https://i.stack.imgur.com/kGP9O.png" alt="enter image description here"></p>
  
  <p>Now the focal point of my question is: does anybody knows why also if i'm changing the class name from 'col-md-4' to 'col-md-5' or 'col-md-3' or any other col-md-values', nothing changes in my visualization? Why the behaviour is still the same??</p>
  
  <p>Hope my question is clear enough, just in case ask. Thanks!!</p>