Trying to get full width

[tasmanwebsolutions]

I am using the latest version of holder.js but I am un able to use the percentage % to get full width of div? How can I get it to pic up full width of div?

<div class="head-content">
<div class="col-lg-12">
<img src="holder.js/100%x380">
</div>
</div>

[imsky]

try holder.js/100px380

[tasmanwebsolutions]

That worked

[imsky]

excellent, glad to help 😄

[SAPHemlock]

Thanks. Its working and now the holderjs image is responsive.
Can you please explain a littlebit how it worked or just general idea of the fix?

[imsky]

@SAPHemlock the "p" is what makes the holder responsive, because "%" has a special meaning in URLs

so holder.js/100px380 means "create a placeholder 100% wide and 380 pixels tall"

this is processed with the fluid flag here

holder/holder.js

Line 622 in 1781660

holder.fluid = dimensions.indexOf('p') !== -1;

and set in the DOM here

holder/holder.js

Line 845 in 1781660

el.style.width = dimensions.width;