I've been working on a website using Bootstrap 4 and I've noticed some strange behavior with strings of characters that have the same length. I'm curious to know why this is happening and if there's a solution for it.
Here are the screenshots to illustrate:
Below is the code snippet I'm currently using:
<div class="form-group row justify-content-center">
<div class="col-sm-2 form-check-date">
<input class="" value="" id="defaultCheck1" type="checkbox">
<br>
<b class="form-date-english">Sat. December 1</b>
<p class="form-date-french">Sam. 1 Décembre</p>
</div>
(more code follows here...)
Additionally, here are the custom CSS classes used in the design:
.form-check-date{
text-align: center;
}
.form-date-english{
color: #676767;
font-size: 0.8em;
}
.form-date-french{
color: black;
font-size: 0.7em;
}
Your insights and assistance on this matter would be greatly appreciated. Thank you!