This code below shows a HTML scroll-bar.
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div id="oCol1" class="col-sm-12 col-xs-12 col-md-6">
<div class="table-responsive" style="width:100%">
<table style="width:100%; border: none">
<tr>
<td>
<div class="row">
<div class="col-sm-12">
Test
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
This is the simplest I can make it – the code is generated. Why am I getting a horizontal scroll bar with this HTML. I can’t add a overflow: hide as in other scenarios there will be wide content – this case is not one of them.
You need to sign in to view this answers