Tengo el siguiente problema, no puedo eliminar los espacios que tengo entre dos divs e inputs
estoy utilizando bootstrap
el código para los inputs
es el siguiente:
<input class="form-control form-control-sm col-sm-2 col-2 col-md-1 m-0" title="pendiente">
La intención es hacer que estos inputs
parezca una tabla
<div class="container-with-scroll-horizontal square-corners no-shadow" id="tablePresupuestos">
<div class="row-with-scroll-horizontal">
<div class="col-3 p-1">Desarrollo / Ubicación</div>
<div class="col-3 p-1">Insumos</div>
<div class="col-sm-8 col-8 col-md-4 p-1">Enero</div>
<div class="row-with-scroll-horizontal">
<div class="col-sm-2 col-2 col-md-1 p-1">Sem - 1</div>
<div class="col-sm-2 col-2 col-md-1 p-1">Sem - 2</div>
<div class="col-sm-2 col-2 col-md-1 p-1">Sem - 3</div>
<div class="col-sm-2 col-2 col-md-1 p-1">Sem - 4</div>
</div>
</div>
<div class="row-with-scroll-horizontal">
<div class="autocomplete p-0 col-3" style="display: block;">
<input class="form-control form-control-sm name-development" title="Desarrollo o ubicación">
<div id="autocomplete-items1" class="autocomplete-items autocomple-items-1"></div>
</div>
<div class="autocomplete col-3 p-0">
<input class="form-control form-control-sm name-insumos" id="myInput" title="nombre de los insumos">
<div id="autocomplete-items2" class="autocomplete-items"></div>
</div>
<input class="form-control form-control-sm col-sm-2 col-2 col-md-1 m-0" title="pendiente">
<input class="form-control form-control-sm col-sm-2 col-2 col-md-1 m-0" title="pendiente">
<input class="form-control form-control-sm col-sm-2 col-2 col-md-1 m-0" title="pendiente">
<input class="form-control form-control-sm col-sm-2 col-2 col-md-1 m-0" title="pendiente">
</div>
<div id="finTabla"></div><br><br><br><br><br><br></div>
</div>
Este el css
.square-corners input{
border-radius: 0!important;
}
.no-shadow input:focus {
box-shadow: none;
}
.container-with-scroll-horizontal {
overflow-x: auto;
white-space: nowrap;
}
.row-with-scroll-horizontal > * {
display: inline-block!important;
float: none;
}
el problema es el de la siguiente ruta https://codepen.io/epifanioperezr/pen/jQRboZ
m-0
; aunque si quieres realizar una tabla, deberías usar el tag<table></table>
para ello no?m-0
?HTML
? con los divs incluidos?