jquery - Sharepoint 2013: How to make Promoted links responsive? -


i'm having (as expected) big times truble trying implement twitter bootstrap in sharepoint, anyway, of things works exept when i'm trying make promoted links reponsive.

i'm trying achieve task assign them class name "col-md-4", i'm doing changing via jquery class name in way:

$(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');         }); 

i'm removing class named 'ms-promlink-body'and 'ms-promlink-body' because otherwise nothing working (apparently maybe sharepoint overriding it).

by way system half working , half not, here screenshots:

full screen visualization fullscreen visualization

medium devices visaulization enter image description here

small devices visualization enter image description here

now focal point of question is: knows why if i'm changing class name 'col-md-4' 'col-md-5' or 'col-md-3' or other col-md-values', nothing changes in visualization? why behaviour still same??

hope question clear enough, in case ask. thanks!!

sharepoint overriding behaviour of col-md, add !important on class property , it's working.


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -