He empezado a trastear con bootstrap
para hacer mi web responsive y estoy teniendo un problema. Tengo una serie de inputs
y quiero que sean todos iguales en longitud.
Lo que no termino de ver, es cómo lo defino, pues si yo les pongo un ancho fijo ¿no se pierde la gracia de bootstrap
?
Igualmente, tampoco consigo modificar su tamaño pues yo le digo que sea un porcentaje de su contenedor pero no hace nada.
.Rent {
/*width: 200px;*/
width: 80%;
}
<div class="container-fluid">
<div class="row" id="map_section">
<div class="col-2 container-fluid">
<!-- FILTROS-->
<fieldset>
<legend>Filtros mapa: </legend>
<label for="radio-1">Última posición</label>
<input type="radio" name="radio-1" class="Rent" id="radio-1">
<label for="radio-2">Ruta</label>
<input type="radio" name="radio-1" class="Rent" id="radio-2">
<legend>Filtro datos: </legend>
<label for="checkbox-1">Todos</label>
<input type="checkbox" name="checkbox-1" class="Rent" id="checkbox-1" disabled>
<label for="checkbox-2">Goat tracker 1</label>
<input type="checkbox" name="checkbox-2" class="Rent" id="checkbox-2" disabled>
<label for="checkbox-3">Goat tracker 2</label>
<input type="checkbox" name="checkbox-3" class="Rent" id="checkbox-3" disabled>
<label for="checkbox-4">Goat tracker 3</label>
<input type="checkbox" name="checkbox-4" class="Rent" id="checkbox-4" disabled>
<input type="number" class="form-control" id='n_nodes_ruta' value="2" min="1" disabled>
<button type="button" class="btn btn-success btn-sm" id="filtrar_btn_map">Filtrar</button>
</fieldset>
</div>
</div>
</div>
Pienso que los porcentajes quizás es por no haber definido un tamaño al contenedor, pero ¿y cuando le pongo un valor en px
?
¿Cómo se haría de forma correcta para respetar al máximo el tema de responsive
?
<div class="col-2 container-fluid">