---
id: bad87fee1348bd9aeda08845
title: Responsively Style Checkboxes
challengeType: 0
forumTopicId: 18269
required:
-
link: >-
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css
raw: true
dashedName: responsively-style-checkboxes
---
# --description--
Since Bootstrap's `col-xs-*` classes are applicable to all `form` elements, you can use them on your checkboxes too! This way, the checkboxes will be evenly spread out across the page, regardless of how wide the screen resolution is.
# --instructions--
Nest all three of your checkboxes in a `
` element. Then nest each of them in a `
` element.
# --hints--
All of your checkboxes should be nested inside one `div` with the class `row`.
```js
assert($('div.row:has(input[type="checkbox"])').length > 0);
```
Each of your checkboxes should be nested inside its own `div` with the class `col-xs-4`.
```js
assert($('div.col-xs-4:has(input[type="checkbox"])').length > 2);
```
All of your `div` elements should have closing tags.
```js
assert(
code.match(/<\/div>/g) &&
code.match(/