Image container
Using block-box cover flex-box:
- block-box has height or width
- flex-box has flex-direction and height or width
Using jQuery to append image into container
var img = $('![]()
');
img.attr('src', 'the address of img');
img.css({"height": "100%", "width": "auto%"});
img.appendTo('#container');
Or using jQuery to remove image from container
var iconName= 'the name of icon';
$('img').each(function(i, el){
if($(this).attr('src').indexOf(iconName) > -1){
$(this).remove();
}
});
Here is my code with bootstrap 4
icon.png