チェックボックスと同じ行にテキストを折り返す

Question

私のブートストラップアプリケーションの応答バージョンでは、いくつかの表示に問題があります。チェックボックスを使用してテキストをインラインで表示させるにはどうすればよいですか？

問題の行は次のようである：理にかなって

/* 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."'/>&nbsp;&nbsp;<label class='files' for='checkbox".$i.$iter."'>".str_replace($dir, '', $t)."</label></li> 

Here's a picture of my issue

<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."'/>&nbsp;&nbsp;<label class='files' for='checkbox".$i.$iter."'>".str_replace($dir, '', $t)."</label></li>"; 
         $iter++; 
        } 
        echo "</ul>"; 
       ?> 
      </ul> 
     </div> 
    </div> 
</div> 

うまくいけば。助けが大いにありがとう！

Answer 1

速くて汚い方法は、floatを使用することです。

.list-group-item input { 
    float: left; 
}