---
id: bad87fee1348bd9aedb08845
title: Ansprechende Gestaltung von Radio-Buttons
challengeType: 0
forumTopicId: 18270
required:
-
link: >-
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css
raw: true
dashedName: responsively-style-radio-buttons
---
# --description--
Du kannst die `col-xs-*`-Klassen von Bootstrap auch auf `form`-Elemente anwenden! Auf diese Weise werden unsere Radio-Buttons gleichmäßig über die Seite verteilt, unabhängig davon, wie breit die Bildschirmauflösung ist.
Verschachtel deine beiden Optionsfelder in einem `
`-Element. Verschachtel dann jedes in einem `
`-Element.
**Hinweis:** Zur Erinnerung, Radio-Buttons sind `input`-Elemente des Typs `radio`.
# --hints--
All deine Radio-Buttons sollten innerhalb eines `div` mit der Klasse `row` verschachtelt sein.
```js
assert($('div.row:has(input[type="radio"])').length > 0);
```
Jeder deiner Radio-Buttons sollte in einem eigenen `div` mit der Klasse `col-xs-6` verschachtelt sein.
```js
assert($('div.col-xs-6:has(input[type="radio"])').length > 1);
```
All deine `div`-Elemente sollten abschließende Tags haben.
```js
assert(
code.match(/<\/div>/g) &&
code.match(/