Stacks was automatically wrapped when inputting Chinese

[fangjunai]

Microsoft Edge v131.0.2903.51 (x64)
Bootstrap v5.3.3

手机

iPhone

Reduced test cases

<form class="row g-1">
	<div class="col-12">
		<div class="hstack gap-3">
			<label for="phone1" class="form-label">手机</label>
			<input type="text" class="form-control" id="phone1" value="1234567890" />
		</div>
	</div>
	<div class="col-12">
		<div class="hstack gap-1">
			<label for="phone2" class="form-label">iPhone</label>
			<input type="text" class="form-control" id="phone2" value="1234567890" />
		</div>
	</div>
</form>

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Microsoft Edge

What version of Bootstrap are you using?

5.3.3

[julien-deramond]

Hey @fangjunai
In this case, you could add a .text-nowrap to the label containing "手机":

<div class="hstack gap-3">
  <label for="phone1" class="form-label text-nowrap">手机</label>
  <input type="text" class="form-control" id="phone1" value="1234567890" />
</div>

See https://codepen.io/julien-deramond/pen/BaXgxLB

[fangjunai]

Thank you.