Ik moet mijn buttons op deze manier naast elkaar krijgen.
Het kan met flexbox en grid heb ik gelezen, alleen ik krijg het niet voor elkaar.
<?<td class="d-inline-block col-3">
<div class="form-group">
<div class="form-check">
<input class="form-check-input" name="state" data-order="<?php echo $obj->order_id; ?>" value="1" type="radio" id="<?= $obj->order_id?>-1"
<?php if($obj->status == '1'){ echo 'checked'; } else { ''; } ?> >
<div class='label-div'>
<label style="background-color:#0066ff" class="form-check-label" for="<?= $obj->order_id?>-1">
KOUD
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="form-check">
<input class="form-check-input" name="state" data-order="<?php echo $obj->order_id; ?>" value="2" type="radio" id="<?= $obj->order_id?>-2"
<?php if($obj->status == '2'){ echo 'checked'; } else { ''; } ?> >
<div class='label-div'>
<label style="background-color:#ff0000" class="form-check-label" for="<?= $obj->order_id?>-2">
WARM
</label>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="form-check">
<input class="form-check-input userprint" name="state" data-order="<?php echo $obj->order_id; ?>" value="3" type="radio" id="<?= $obj->order_id?>-print"
<?php //if($obj->status == '3'){ echo 'checked'; } else { ''; } ?> >
<label style="background-color:#262626" class="form-check-label" for="<?= $obj->order_id?>-print">
PRINT BESTELLING
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="form-check">
<input class="form-check-input" name="state" data-order="<?php echo $obj->order_id; ?>" value="99" type="radio" id="<?= $obj->order_id?>-3"
>
<div class='label-div'>
<label style="background-color:#ff6600" class="form-check-label" for="<?= $obj->order_id?>-3">
RESET
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="form-check">
<input class="form-check-input" name="state" data-order="<?php echo $obj->order_id; ?>" value="10" type="radio" id="<?= $obj->order_id?>-10"
>
<div class='label-div'>
<label style="background-color:#39e600" class="form-check-label" for="<?= $obj->order_id?>-10">
KLAAR
</label>
</div>
</div>
</div>
</td>
?>
Dit is de code van de buttons.
Iemand een tip om dit op een makkelijke manier op te lossen?
