Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap Basics Building Forms With Bootstrap Custom Form Controls for Cross-Browser Consistency

Amiruddin Amri
Amiruddin Amri
4,624 Points
Posted by Amiruddin Amri
Amiruddin Amri
4,624 Points

Checkbox can't tick?

I've include the checkbox code already for few more topics...but when i preview in the browser, only the top first line topic able to checked, the rest of it are disabled..can someone help me...?

1 Answer

Connor Nally
Connor Nally
22,401 Points

Is this the code you copy and pasted?

<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="customCheck1">
  <label class="custom-control-label" for="customCheck1">Check this custom checkbox</label>
</div>

You need to change 'customCheck1' for each box. All your boxes are probably linked to the first, with an id of customCheck1. Don't worry, I made the same mistake! :)

Jesse Wang
Jesse Wang
5,050 Points

like to customCheck2 and 3 etc..?