Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,389 Points
Connor Nally
Connor Nally
22,389 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..?