---
id: bad87fee1348bd9aedb08845
title: Responsively Style 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
---
# --description--
You can use Bootstrap's `col-xs-*` classes on `form` elements, too! This way, our radio buttons will be evenly spread out across the page, regardless of how wide the screen resolution is.
Nest both your radio buttons within a `
` element. Then nest each of them within a `
` element.
**Note:** As a reminder, radio buttons are `input` elements of type `radio`.
# --hints--
All of your radio buttons should be nested inside one `div` with the class `row`.
```js
assert($('div.row:has(input[type="radio"])').length > 0);
```
Each of your radio buttons should be nested inside its own `div` with the class `col-xs-6`.
```js
assert($('div.col-xs-6:has(input[type="radio"])').length > 1);
```
All of your `div` elements should have closing tags.
```js
assert(
code.match(/<\/div>/g) &&
code.match(/