Question

我想将我的div分成两行。

     <div class="row-fluid">        
     <?php

        foreach($role_array as $k =>$v)
        {
            if($k != "bookin_operator" && $k!= "production_manager" && $k != "client" && $k != "admin" )
            {

        ?>


                <div class="span6">  
                    <div class='control-group'>
                        <label for='<?php echo $k;  ?>' class='control-label'><?php  echo $v ;?></label>
                        <div class='controls'>
                            <select class='form-control' name='<?php echo $k;  ?>[]' id='<?php echo $k;  ?>' multiple='multiple' size='5'>
                                <?php

                                   foreach($all_datas[$k] as $datas ) 
                                   {

                                        $username = "{$datas->nickname}";

                                        echo "<option value='{$datas->id}'>{$username}</option>";
                                   }

                                ?>

                            </select>
                            <label for="<?php echo $k;  ?>" class="error" style="display:none"></label>
                        </div>
                    </div>                         
                </div> 

        <?php
            }

        } 

        ?> 
        </div>

我想要11个类似的div（class =“span6”），现在显示的div在第一个和第二个单行bt中剩余的是不同的行。我想连续显示它2。有可能吗？

Answer 1

您可以使用Bootstrap或等效的网格系统。

如果你想要它纯净，试试这个：

.span6 {
    width: 49%;
    display: inline-block;
}

Example with JSFiddle

如何对齐动态生成的div

1 个答案: