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 Framework Basics Prototyping with Bootstrap Building Modal Windows and Forms

Joshua Steffan
seal-mask
.a{fill-rule:evenodd;}techdegree
Joshua Steffan
Front End Web Development Techdegree Student 9,010 Points

The Content below the Carousel is gone when I add the Modal. What wrong with my modal code?

Any suggestions?

<div class="modal fade" id="textModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">ร—</button> <h4 class="modal-title">We'll Text You the Link!</h4> </div> <div class="modal-body"> <form class="form-inline"> <div class="form-group"> <label class="sr-only" for="mobilePhone">Mobile Phone</label> <input type="tel" class="form-control" id="mobilePhone" placeholder="Mobile Phone"> </div> <div class="form-group"> <select class="form-control"> <option>iOS</option> <option>Andriod</option </select> </div> <button type="submit" class="btn btn-primary" data-dismiss="modal">Send me link</button> </form> </div> </div> </div> </div>

1 Answer