Me gustaría tener una idea de ustedes. Tengo 3 casillas de verificación que me gustaría mostrar una en cada línea dentro de una casilla, como un área de texto. ¿Qué herramienta de Bootstrap me permitiría lograr eso?

Intenté crear un área de texto y sacar mis casillas de verificación, pero el código se traduce como texto en el área de texto. Así que no pude hacer eso. ¿Cuál es la forma de hacerlo?

Respuestas

No debes limitarte a usar solamente Elementos bootstrap al hacer tu sitio. Bootstrap es solo una colección de elementos ingeniosos; está bien (y probablemente sea necesario) hacer el tuyo también.

Si solo quieres que tus casillas de verificación estén en un cuadro con un contorno, bueno, es un poco demasiado simple para que haya un elemento Bootstrap correspondiente.

En la forma más simple, el HTML y CSS para esto se verían como este JSFiddle.

<div class="checkbox-container">
<input type="checkbox" id="one">
<label for="one">Hello</label>
</div>

Css

.checkbox-container {
margin: 10px 0;
padding: 10px 0;
border: 1px solid #aaa;
}

Si desea que todas las casillas de verificación estén en una sola casilla, puede hacerlo con solo un poco más de código. Ver en JSFiddle.

Si por alguna extraña razón solo debe usar los elementos de Bootstrap, la respuesta de ananda es bastante buena. El uso del elemento de pozo le da un borde, pero también una sombra interior y un color de fondo. Ver el pozo en JSFiddle

Intenta ponerlos dentro del elemento "pozo".