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

Mohammed Ali
Mohammed Ali
11,134 Points
Posted by Mohammed Ali
Mohammed Ali
11,134 Points

Custom Form Controls for Cross-Browser Consistency Don't Work

This vid needs some updating as instruction have changed and I struggled to find solution. It took me while but eventually something that works for bootstrap 4.1.1 which latest stable version. Here's code if you having same issue and want to follow along Guil. 

      <div class="form-check form-group custom-controls-stacked">
         <label class="custom-control custom-checkbox">
           <input type="checkbox" class="custom-control-input">
           <span class="custom-control-indicator"></span>
              ES2015
         </label>
      </div>

I hope that will come in hand when you need it.

Olga Ioffe
.a{fill-rule:evenodd;}techdegree seal-36
Olga Ioffe
Front End Web Development Techdegree Graduate 19,955 Points

Thank you Mohammed!

varlevi
varlevi
8,113 Points
varlevi
varlevi
8,113 Points

Thank you! I struggled to find a solution for over 45 minutes before seeing this and it worked immediately!

1 Answer

Matthew Handy
Matthew Handy
2,235 Points

Thanks Mohammed! This worked for me.