And image float left... how list item height get all space of height of image?

When I have a Boostrap List
list.html("<div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'><div class='list-group'>"+items.join("\n")+"</div></div>");


+'<img src="'+((row.carImg).replace(/\\/g, ""))+'" style="max-width:150px; width:100%; margin-right:10px; float:left; overflow:auto;" /><h4 class="list-group-item-heading">'

and image float left… how list item height get all space of height of image???

Hi, lsepolis123.

Can you post a link to your web site? We need to be able to see the code in action.

FINALLY FIX IT… - NOT SITE - MOBILE APP - DID NOT PUT ONLINE YET

TRICK USE IN CONTAINER clear:both;overflow:auto;display:block;

items.push('<a href="'+row.carId+'" class="list-group-item '+(row.sponsoredCar=="1" ? 'list-group-item-success' : '') +' '+(row.SOLD=="1" ? 'list-group-item-danger' : '') +'" style="clear:both;overflow:auto;display:block;">'

Very good. Glad to hear that you found the problem.

Cheers

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.