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
medium devices visaulization
small devices visualization
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
Post a Comment