javascript - Bootstrap Prefix -
i have problem after prefixing bootstrap css in way in bootstrap.less :
.myprefix{ // core variables , mixins @import "variables.less"; // modify custom colors, font-sizes, etc @import "mixins.less"; .....other codes..... // utility classes @import "utilities.less"; // has last override when necessary } and problem working components , used tooltip & popover components when example used tooltips works when mouse out link or button hide don't know why have problem modals resolved replacing line
163:.appendto(document.body)` with
.appendto($('.myprefix')[0]) is there whay resolve tooltips & popovers?
i know question old, still can find via google, gice tips there. answer explained in details here.
the problem you compile inside wrapper named .myprefix, so, in final css, wrong selectors thoses 1 :
.myprefix html {}.myprefix body {}.myprefix .tooltip {}(.tooltipcontainers created after body tag, that's why won't work unless edit javascript wrap them .myprefix container)
so, need :
- compile bootstrap , theme modifications in single css file
- perform search , replace on file fix selectors shouldn't compiled inside wrapper
regards.
Comments
Post a Comment