Estoy teniendo problemas con algunas pantallas en elVersión responsiva de mi aplicación bootstrap. ¿Cuál es la mejor manera de hacer que el texto quede en línea con las casillas de verificación (y envolverlas por debajo)?
La línea en cuestión es la siguiente:
/* Please ignore my use of ... i"ve changed that to a margin in the latest revision */
<li class="list-group-item"><input type="checkbox" id="checkbox".$i.$iter."" name="pagesToGenerate[]" value="".$file.""/> <label class="files" for="checkbox".$i.$iter."">".str_replace($dir, "", $t)."</label></li>
Aquí hay una foto de mi problema.
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse<?php echo $i ?>"><?php echo basename($dir)?></a>
</h4>
</div>
<div id="collapse<?php echo $i ?>" class="panel-collapse collapse">
<ul class="list-group">
<?php
$dir = "templates/".$dirname."/";
$remaining = array_diff(glob($dir."*.docx"), glob($dir."~$*"));
$iter = 0;
echo "<ul class="list-group filesChecklist">";
foreach ($remaining as $t) {
// "$i.$iter" is to differentiate the labels for each group
$file = implode(":",[$dirname, str_replace($dir, "", $t)]);
echo "<li class="list-group-item"><input type="checkbox" id="checkbox".$i.$iter."" name="pagesToGenerate[]" value="".$file.""/> <label class="files" for="checkbox".$i.$iter."">".str_replace($dir, "", $t)."</label></li>";
$iter++;
}
echo "</ul>";
?>
</ul>
</div>
</div>
</div>
Esperemos que tenga sentido. La ayuda es muy apreciada!
Respuestas
2 para la respuesta № 1La manera rápida y sucia sería usar flotador.
.list-group-item input {
float: left;
}