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 trialDevontay Cross
10,505 PointsHaving issues with my Model and the X to close the menu isn't showing up
Here is my code snippet <!--===================================== FORM MODAL =====================================--> <div class="modal fade" id="form" tabindex="-1" aria-labelledby="form" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title fs-5" id="exampleModalLabel">Register For Full stack Conf</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <!-- Registration form --> <form> <div class="form-group"> <label class="form-control-label sr-only" for="name">Name:</label> <input type="text" class="form-control" id="name" placeholder="Name"> </div> <div class="form-group"> <label class="form-control-label" for="email">Email:</label> <input type="email" class="form-control" id="email" placeholder="email@email.com"> </div> </form> <!-- /Registration form --> </div> </div> </div> </div>
1 Answer
Travis Alstrand
Treehouse Project ReviewerHey there Devontay Cross !
It's a bit hard to see with how your question has been posted, I'd recommend quickly checking out this Posting a Question video to see how we can format for readability
For example, you can wrap code blocks within three backticks and format it like so...
<div class="modal fade" id="form" tabindex="-1" aria-labelledby="form" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title fs-5" id="exampleModalLabel">Register For Full stack Conf</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- Registration form -->
<form>
<div class="form-group">
<label class="form-control-label sr-only" for="name">Name:</label>
<input type="text" class="form-control" id="name" placeholder="Name">
</div>
<div class="form-group">
<label class="form-control-label" for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="email@email.com">
</div>
</form>
<!-- /Registration form -->
</div>
</div>
</div>
</div>
Also, if it's related to a specific course / video it's helpful to post it straight from there, this is in the general 'Design' category and I'm not sure where this code is coming from.
Just from first glance, I would try adding in X
in between your <button>
tags, it currently looks like there is no text content. If this doesn't help out, let me know and please post a link to what course or video you're working on this from and I can get a better picture of what's going on in other files too