Разделить form radios в 2 колонны
у Меня есть следующий formulario:
<?php
echo"<form class='form-horizontal' method='POST' action='reposicao.php'>";
echo"<fieldset>";
echo"<legend>OPÇÕES</legend>";
echo"<input type='hidden' name='loja' id='loja' value='$v_loja'>";
$query_menu = mysql_query("SELECT
rm_id AS FUNCAO,
rm_desc AS DESCRICAO,
rm_obs AS OBSERVACAO,
rm_status AS STATUS
FROM radios_menu
WHERE rm_status='0'");
while ($row = mysql_fetch_array($query_menu)) {
$v_funcao = $row["FUNCAO"];
$v_desc = $row["DESCRICAO"];
$v_obs = $row["OBSERVACAO"];
$v_status = $row["STATUS"];
echo"<div class='form-group'>";
echo"<label class='col-lg-2 control-label'></label>";
echo"<div class='col-lg-10'>";
echo"<div class='radio'>";
echo"<label>";
echo"<input type='radio' name='v_desc' id='$v_funcao' value='$v_funcao' >$v_desc </label></br>";
echo"</div>";
echo"</div>";
echo"</div>";
}
echo"<input type='hidden' name='v_descricao' id='$v_desc' value='$v_desc '>";
echo"<br />";
echo"<br />";
echo"<div class='form-group'>";
echo"<div class='col-lg-10 col-lg-offset-2'>";
echo"<button type='submit' class='btn btn-primary'>CONSULTAR</button>";
echo"</div>";
echo"</div>";
echo"</fieldset>";
echo"</form>";
?>
и в Нем перечисляются различные радио,только та, перечисляя все, один под другой, как бы сделать, чтобы вывести в 2 колонки ?
3 answers
Перечислять рядом, вы должны были бы установить ширину, так как div
в стандартной комплектации поставляется с 100% в ширину, занимая все пространство и переходя к следующей строке.
div
что, если находит radios
имеет col-lg-10
, то есть это, используя 10, чтобы сделать два столбца, вы должны установить для каждого div
в этом col-lg-5
, как ответил на @Давид Соуза.
Repassei свой код с этим, и еще некоторые изменения, чтобы сделать код более чистым, следующим образом:
<?php
echo "
<form class='form-horizontal' method='POST' action='reposicao.php'>
<fieldset>
<legend>OPÇÕES</legend>
<input type='hidden' name='loja' id='loja' value='$v_loja'>";
$query_menu = mysql_query("SELECT
rm_id AS FUNCAO,
rm_desc AS DESCRICAO,
rm_obs AS OBSERVACAO,
rm_status AS STATUS
FROM radios_menu
WHERE rm_status='0'");
while ($row = mysql_fetch_array($query_menu)):
$v_funcao = $row["FUNCAO"];
$v_desc = $row["DESCRICAO"];
$v_obs = $row["OBSERVACAO"];
$v_status = $row["STATUS"];
echo "
<div class='form-group'>
<label class='col-lg-2 control-label'></label>
<div class='col-lg-10'>
// Aqui vai a classe
<div class='radio col-lg-5'>
<label>
<input type='radio' name='v_desc' id='$v_funcao' value='$v_funcao' >$v_desc
</label>
</br>
</div>
</div>
</div>";
endwhile;
echo "
<input type='hidden' name='v_descricao' id='$v_desc' value='$v_desc '>
<br />
<br />
<div class='form-group'>
<div class='col-lg-10 col-lg-offset-2'>
<button type='submit' class='btn btn-primary'>CONSULTAR</button>
</div>
</div>
</fieldset>
</form>";
?>
, Напоминая, что я изменил код, чтобы получить более читаемым, потому что не нужно иметь так много echo
, но это не требует изменений, будете вы.
Я Надеюсь, что помог;
Att;
echo"<div class='radio'>";
echo"<label>";
echo"<input type='radio' name='v_desc' id='$v_funcao' value='$v_funcao' >$v_desc </label></br>";
echo"</div>";
ПЕРЕКЛЮЧИТЕСЬ
echo"<div class='radio col-lg-5'>";
echo"<label>";
echo"<input type='radio' name='v_desc' id='$v_funcao' value='$v_funcao' >$v_desc </label></br>";
echo"</div>";
Определите width
чтобы ваше div radio
и положить float: left
.