Quiero que haya muchos botones pequeños que abarquen toda la pantalla. Mi configuración es actualmente así
<Row> <Col> <label className="btn btn-light btn-sm" style={{fontSize: "10px" }}>button text</label> <label className="btn btn-light btn-sm" style={{fontSize: "10px" }}>button text</label> <label className="btn btn-light btn-sm" style={{fontSize: "10px" }}>button text</label> <label className="btn btn-light btn-sm" style={{fontSize: "10px" }}>button text</label> ... and so on </Col> </Row>El efecto se logra, sin embargo, todos los botones se tocan entre sí. ¿Hay alguna forma de forzar un relleno alrededor de los elementos individuales de una columna? Parece que no puedo averiguar dónde ponerlo. Gracias.
Tienes muchas posibilidades. Podría usar margen o relleno o, lo que preferiría, usar flexbox con la propiedad gap:
<Col className="d-flex gap-2"><Stack direction="horizontal" gap={2}><Col className="d-flex" style={{ gap: "13px" }}>