I am creating a div collection and generating a barcode like something.
But when i hover on bar it expands and remains same
Bootstrap iam using
$(document).ready(function () {$('[data-toggle="tooltip"]').tooltip();
});
this is html
<div class="container" style="padding: 20px; border: dotted 0px; white-space: nowrap; overflow-x: auto;">
<div style="border-left: black 0.06in solid; display: inline-block; height: 1.2in;padding-right:2px" data-toggle="tooltip" title="In a huge forest where the listening Night & Match :50%"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in" data-toggle="tooltip" title="In a huge forest where the listening Night"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in" data-toggle="tooltip" title="In a huge forest where the listening Night"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in" data-toggle="tooltip" title="In a huge forest where the listening Night"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in" data-toggle="tooltip" title="In a huge forest where the listening Night"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.06in solid; display: inline-block; height: 1.2in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.06in solid; display: inline-block; height: 1.2in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: grey 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.06in solid; display: inline-block; height: 1.2in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.06in solid; display: inline-block; height: 1.2in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
<div style="border-left: black 0.04in solid; display: inline-block; height: 1in"></div>
</div>