I need to adjust the width of a span next to its label in my project.
My goal is to show multiple groups {label / data} on the same line. To achieve this, I divided the row into 4 columns and tried to set a specific width for a span. However, no matter what I do, the size does not change...
Here is the code snippet:
<div class="row">
<div class="col-xl-4">
<label class="">Batch ID : </label>
<span class="border padding_right5 padding_left5 col-xl-3">4444</span>
</div>
<div class="col-xl-4">
<label class="">Etat : </label>
**<span class="border border_etat_batch statut_green">En Cours</span>**
</div>
<div class="col-xl-2">
<label>Ligne : </label>
<span class="border border_data">1</span>
</div>
<div class="col-xl-2 text-right">
<label>Cuve : </label>
<span class="border border_data">B1</span>
</div>
</div>