Wie bestimme ich in Bootstrap 5 die Breite eines Input-Textfeldes selbst?

In Bootstrap 5 kannst du die Breite eines Input-Textfeldes auf verschiedene Arten selbst bestimmen:

**1. Mit eigenen CSS-Klassen:**
Du kannst dem Input-Feld eine eigene Klasse geben und die Breite per CSS festlegen:
```html
<input type="text" class="my-width form-control">
```
```css
.my-width {
width: 300px;
}
```

**2. Mit Inline-Styles:**
Du kannst direkt das `style`-Attribut verwenden:
```html
<input type="text" class="form-control" style="width: 250px;">
```

**3. Mit Bootstrap-Grid:**
Du kannst das Input-Feld in ein Grid-Element legen und so die Breite steuern:
```html
<div class="row">
<div class="col-6">
<input type="text" class="form-control">
</div>
</div>
```
Hier nimmt das Feld 50% der Breite ein.

**4. Mit Bootstrap Utility-Klassen:**
Bootstrap 5 bietet Utility-Klassen wie `w-25`, `w-50`, `w-75`, `w-100` für 25%, 50%, 75% oder 100% Breite:
```html
<input type="text" class="form-control w-50">
```

**Fazit:**
Du hast die Wahl zwischen eigenen CSS-Regeln, Inline-Styles, dem Grid-System oder den Utility-Klassen von Bootstrap. Alle Methoden sind miteinander kombinierbar. Weitere Infos findest du in der [offiziellen Bootstrap-Dokumentation](https://getbootstrap.com/docs/5.0/forms/form-control/#sizing).